docker系列建構基於wordpress+minio的簡易影片畫廊
本文最後更新於205 天前,其中的資訊可能已經有所發展或是發生改變,如有失效可到評論區留言。

前言

在前一篇文章中,我用docker方式的minio搭建了自己的簡易COS平台(參見:docker系列建置基於minio的私人COS平台),這個本來是我平常偶爾用來給朋友分享一些大文件用的。但是,因為這個「偶爾」就搭個minio又感覺有點浪費,為了不浪費這個簡易COS平台,乾脆就在博客上開一個mv頻道,把我平時收藏的mv中挑一些經典的放上去,這樣也方便我需要的時候分享給朋友看。

要達到這個效果,需要安裝一個在wordpress上支援「圖庫」功能的視訊外掛(我不是程式設計出身,不懂程式碼,只能盡量用插件來解決問題),當然,基本原則不能丟,免費還是必須的~。經過了一番嘗試,找到一個勉強滿足要求的插件:All-in-One Video Gallery。

這個外掛本質上來說是可以直接將每一個影片直接產生一個帖子,如下:

image.png

並且可以根據不同維度(影片分類,影片標記、使用者影片等)產生不同的頁面(本質上是產生指向不同維度的短代碼),例如根據mv分類產生頁面:
image.png

建造步驟

1.新視訊分類(可選步驟)

image.png

這一步不是必須的,看大家自己的需求,如果只有一個分類就不用折騰了,我是因為考慮以後會有其他分類,比如經典電影片段,所以目前建立了film和mv兩個分類:
image.png

2、上傳視頻

使用這個外掛呈現影片畫廊,則必須在這個外掛裡面上傳影片:

image.png

點選右上角的Add New:
image.png

上圖所示紅框部分是一些比較關鍵的項目(因為分辨率的問題上面的註釋有點不清,不過湊近點勉強能看到,我就不單獨寫了),關鍵還是視頻的上傳方式,直接上傳影片的方法限制太大,而且太影響wordpress的性能,所以建議還是URL的方式,本文中是使用minio COS生成的鏈接,其他方法也可以,大家根據自己的實際情況選擇就好了,填寫好選項以後點右上角的發布即可。

這時候基本上已經完成了,就剩下最後一步如何呈現出來的問題了。其實,在安裝好這個外掛以後,大家可以在wordpress的頁面部分看,已經多了一些頁面,如下:

image.png

這幾個是插件提前生成的頁面,其實只需要把這個頁面加到wordpress裡就已經可以直接看到了,不過這未必符合我們的要求,比如,我想要一個頁面呈現mv分類裡的全部內容,只需要先取得一個短代碼:

image.png

大家按照紅框所示,最後點選下方的Generate Shortcode即可產生短代碼:
image.png

然後只需要將紅框中的短代碼貼到任何一個頁面中想要的位置處即可(記得要單獨一行),最終效果就是上面mv頁面的效果:

image.png

另外在插件的具體設定裡,有很多選項,大家自己慢慢找自己合適的:
image.png

不過,這種方式部署也不完美,例如直接點擊縮圖不能直接播放,我估計是因為COS方式的原因,如果直接上傳影片的方式應該是沒這個問題的(可以看到影片縮圖上有播放的標記);又比如這種呈現方式略low,收費版就厲害了,有好幾種方式可以選擇,但是免費的,估計也只能這樣意思了,所以我的標題才是“簡易”視頻畫廊。

部落格內容均係原創,轉載請註明出處!更多部落格文章,可以移步至網站地圖了解。部落格的RSS位址為:https://blog.tangwudi.com/feed,歡迎訂閱;如有需要,可加入Telegram群一起討論問題。
暫無評論

發送評論 編輯評論


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ°Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
顏文字
Emoji
小恐龍
花!
上一篇
下一篇
       

本站已停用滑鼠右鍵和各種快捷鍵,程式碼區塊內容可以直接在右上角點擊複製按鈕進行複製

zh_HK