使用github+jsdelivr作爲視頻牀

文章同步更新於:https://blog.dalao.icu,請訪問該博客獲得更好的閱讀體驗。


感謝JefferyIFdalao提供的神奇方法。

1. 配置FFmpeg

注:IOS因爲不支持HLS,所以對IOS上無法正常播放視頻,其他端都可以正常播放。

因爲腳本要使用到FFmeg對源視頻文件切分成m3u8格式,所以在使用腳本之前,請配置好FFmpeg,去官網下載並配置好環境變量。

下載地址:http://ffmpeg.org/download.html#build-windows

選擇對應的系統下載,比如我的系統是win10的,就下載window版本的文件。

然後,進入環境變量的設置中,找到path,選擇編輯,進入path中。

接下來,我們點擊新建->瀏覽,找到你剛解壓的FFmpeg源文件,將bin目錄添加到環境變量中。


2.腳本的使用方法

這裏使用的是powershell腳本,下載地址爲:https://cloud.dalao.icu/#/s/NmT5

  • 將腳本和源視頻文件放在同一個目錄下
  • 右鍵腳本,選擇在powershell中運行
  • 輸入源視頻文件名,記得帶上擴展名(如test.mp4)
  • 等待腳本完成,按回車即可。

切分完畢後,我們會得到一個名字爲hash值的文件夾,將整個文件夾上傳到github上的任意一個倉庫即可。

盜圖一張:

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-73ndY1zT-1592214540915)(https://cdn.jsdelivr.net/gh/schrodingercatss/FigureBed@master/img/20200615172914.png)]


3.使用Dplayer插件

我們可以用Dplayer插件來方便的插入生成的視頻。

下載地址: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/xxx/xxxx/ffe086b5a3d34608a8b4d5acf265c94c/xxx.m3u8

插入Dplayer中即可實現視頻效果。

視頻測試鏈接https://blog.dalao.icu/archives/start.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章