使用github+jsdelivr作为视频床

小咪咪 2023-02-25 07:14 190阅读 0赞

感谢[JefferyIF][]大佬提供的神奇方法。

### 1. 配置FFmpeg ###

**注：IOS因为不支持HLS，所以对IOS上无法正常播放视频，其他端都可以正常播放。**

因为脚本要使用到`FFmeg`对源视频文件切分成`m3u8`格式，所以在使用脚本之前，请配置好`FFmpeg`,去官网下载并配置好环境变量。

下载地址：[http://ffmpeg.org/download.html\#build-windows][http_ffmpeg.org_download.html_build-windows]

选择对应的系统下载，比如我的系统是win10的，就下载window版本的文件。

然后，进入环境变量的设置中，找到`path`，选择编辑，进入`path`中。

接下来，我们点击新建->浏览，找到你刚解压的`FFmpeg`源文件，将bin目录添加到环境变量中。

![format_png][]

### 2.脚本的使用方法 ###

这里使用的是powershell脚本，下载地址为：[https://cloud.dalao.icu/\#/s/NmT5][https_cloud.dalao.icu_s_NmT5]

*  将脚本和源视频文件放在同一个目录下
 *  右键脚本，选择在`powershell`中运行
 *  输入源视频文件名，记得带上扩展名（如test.mp4)
 *  等待脚本完成，按回车即可。

切分完毕后，我们会得到一个名字为`hash`值的文件夹，将整个文件夹上传到github上的任意一个仓库即可。

[![format_png 1][]][format_png 1 1]

盗图一张：

[![format_png 2][]][format_png 2 1]

--------------------

### 3.使用Dplayer插件 ###

我们可以用Dplayer插件来方便的插入生成的视频。

下载地址：[https://cloud.dalao.icu/\#/s/9QhQ][https_cloud.dalao.icu_s_9QhQ]

将插件解压得到的文件夹上传到网站根目录下的`/usr/plugins`，然后在`typecho`的后台开启即可。

开启后，我们会发现在文章的菜单栏下多了一个Dplayer的选项，我们将刚才得到的`m3u8`文件的路径填入即可，链接仍然使用`jsdelivr`的CDN来加速，不然会非常卡顿。

链接格式为：

[https://cdn.jsdelivr.net/gh/用户名/仓库名m/生成的文件夹名/m3u8文件名.m3u8][https_cdn.jsdelivr.net_gh_m_m3u8_.m3u8]

如：[https://cdn.jsdelivr.net/gh/xxx/xxxx/ffe086b5a3d34608a8b4d5acf265c94c/xxx.m3u8][https_cdn.jsdelivr.net_gh_xxx_xxxx_ffe086b5a3d34608a8b4d5acf265c94c_xxx.m3u8]

插入`Dplayer`中即可实现视频效果。

[![format_png 3][]][format_png 3 1]

**视频测试链接**：[https://blog.dalao.icu/archives/start.html][https_blog.dalao.icu_archives_start.html]

[JefferyIF]: https://nmsl.pet/
[http_ffmpeg.org_download.html_build-windows]: http://ffmpeg.org/download.html#build-windows
[format_png]: /images/20230209/b568e81b15f7442b9f87a6804031987c.png
[https_cloud.dalao.icu_s_NmT5]: https://cloud.dalao.icu/#/s/NmT5
[format_png 1]: /images/20230209/f407e99f538d4483b4cf142e9821d3c0.png
[format_png 1 1]: https://cdn.jsdelivr.net/gh/schrodingercatss/FigureBed@master/img/20200615172806.png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL3NjaHJvZGluZ2VyY2F0c3MvRmlndXJlQmVkQG1hc3Rlci9pbWcvMjAyMDA2MTUxNzI5MTQucG5n?x-oss-process=image/format,png
[format_png 2 1]: https://cdn.jsdelivr.net/gh/schrodingercatss/FigureBed@master/img/20200615172914.png
[https_cloud.dalao.icu_s_9QhQ]: https://cloud.dalao.icu/#/s/9QhQ
[https_cdn.jsdelivr.net_gh_m_m3u8_.m3u8]: https://cdn.jsdelivr.net/gh/%E7%94%A8%E6%88%B7%E5%90%8D/%E4%BB%93%E5%BA%93%E5%90%8Dm/%E7%94%9F%E6%88%90%E7%9A%84%E6%96%87%E4%BB%B6%E5%A4%B9%E5%90%8D/m3u8%E6%96%87%E4%BB%B6%E5%90%8D.m3u8
[https_cdn.jsdelivr.net_gh_xxx_xxxx_ffe086b5a3d34608a8b4d5acf265c94c_xxx.m3u8]: https://cdn.jsdelivr.net/gh/xxx/xxxx/ffe086b5a3d34608a8b4d5acf265c94c/xxx.m3u8
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L2doL3NjaHJvZGluZ2VyY2F0c3MvRmlndXJlQmVkQG1hc3Rlci9pbWcvMjAyMDA2MTUxNzM5MjcucG5n?x-oss-process=image/format,png
[format_png 3 1]: https://cdn.jsdelivr.net/gh/schrodingercatss/FigureBed@master/img/20200615173927.png
[https_blog.dalao.icu_archives_start.html]: https://blog.dalao.icu/archives/start.html