Skip to content

Instantly share code, notes, and snippets.

View CrazyTim's full-sized avatar

CrazyTim

  • Melbourne, Australia
View GitHub Profile
@CrazyTim
CrazyTim / circle-progress-bar.html
Last active April 4, 2020 06:24
Minimum code for a flexible circle progress bar
<!-- based off a comment by Alex Berkowitz on https://css-tricks.com/building-progress-ring-quickly/) -->
<svg class='progress-bar' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<circle class='background' r="16" cx="18" cy="18" />
<circle class='foreground' r="16" cx="18" cy="18" stroke-dasharray="100.53096 100.53096" />
</svg>
<style>
.progress-bar {
width: 100px;

Tutorial - How To Download A Video With A .m3u8 File

What is a .m3u8 file?

.m3u8 files are simply text file playlists written in a special format so media players like VLC Media Player can read them to stream online video and audio. They can contain local pathnames or urls, and also specify things like resolution.

Here are some example .m3u8 files that serve videos. Download the files and try opening them in VLC.