分享一个m3u8在线播放器

最近看油管博主tim在分享他建站的过程，搞了很多网站，很是佩服对方的行动力
于是在在他分享的源码的基础上做了些许改动，写了一个类似的m3u8在线播放器的网站

网站地址：m3u8播放器

新买了HK的服务器，网站速度还算可以

1、什么是m3u8文件？

M3U8文件本质上是一个纯文本格式的播放列表。通过 HTML5 视频和媒体源扩展（MSE）实现 HLS 流媒体客户端功能。它支持 .m3u8 格式的 HTTP Live Streaming 播放， 核心原理是将 MPEG-2 传输流及 AAC/MP3 音频实时转码为 ISO BMFF (MP4) 片段， 并利用 Web Worker 异步处理转码任务，同时兼容 HLS + fmp4 格式。

2、支持哪些格式的视频在线播放

支持mp4、m3u8/hls格式视频在线播放

3、如何获取m3u8视频资源呢

大部分网课平台或者视频平台，都是基于m3u8格式的，但是大部分网站的音视频是分离的，而且工具不一定可以捕获到，通过搜索引擎获取的视频资源大部分都失效了，获取资源也算是一个棘手的问题

这里推荐一个chrome的插件来捕获网站的视频资源（不一定都适用）

附可用测试视频地址

MP4 格式

海洋：http://vjs.zencdn.net/v/oceans.mp4
西瓜视频 Demo：https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4
大兔子：http://www.w3school.com.cn/example/html5/mov_bbb.mp4
大灰熊：https://www.w3schools.com/html/movie.mp4
冰川：https://media.w3.org/2010/05/sintel/trailer.mp4
新闻视频1：https://stream7.iqilu.com/10339/upload_transcode/202002/09/20200209105011F0zPoYzHry.mp4
新闻视频2：https://stream7.iqilu.com/10339/upload_transcode/202002/09/20200209104902N3v5Vpxuvb.mp4

M3U8 格式

西瓜播放器 Demo：https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8
大白兔：https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4、网站seo

当前网站seo排名比较靠后，要实现网站排名靠前，还需不断的更新内容，保持网站的活跃状态，后续
也会分享如何提升网站seo的技巧