「WordPress 架站」電子報
我們的分析文章著重於如何善用外掛工具、有效達成目的、提升網頁載入速度、行銷自動化,以及各種優惠資訊,歡迎訂閱電子報唷!
「WordPress 架站」電子報
我們的分析文章著重於如何善用外掛工具、有效達成目的、提升網頁載入速度、行銷自動化,以及各種優惠資訊,歡迎訂閱電子報唷!
Presto Player 的目標是做為 WordPress 線上影片的終極播放、管理工具。不只是在影片上提供花俏的按紐與品牌顏色,先進的行銷、自動化功能更有助於提升品牌、影片的觸及率。
在外掛整合的部分,Presto Player 可以與 LearnDash、LifterLMS、TutorLMS 等完美結合。
網路時代走到了現在,網紅、教學網站、YouTuber 都是透過線上影片的製作與散播來提高品牌、課程的觸及率與擴散率。當影片完成製作之後,就需要「上架」到線上影片播放 (託管) 平台提供給大眾瀏覽、觀看。
說到線上影片播放 (託管) 平台大家應該都會想到 YouTube、Vimeo、Wistia 等,而這些網站提供的服務都各自有其限制。
像是 YouTube 無法防止使用者下載影片,影片觀賞完也會自動出現平台推薦的「其他」關聯影片,作為一個品牌或教學網站來說有可能會出現推薦競爭對手影片的尷尬狀況。
Vimeo 作為更為專業的影片託管平台,吸引了無數設計師、藝術創作者的目光,然而個人網站、教學網站內嵌 Vimeo 影片時依然無法避免使用者循著連結路徑找到 Vimeo 影片的位置。那麼教學網站、課程提供者就無法確保自己授課的權益。
而且,Vimeo 的服務費用不低!(以下是 Vimeo 的方案費用)
Wistia 作為後行者,依然有相同的問題。
現在很多人開始自己架站,提供自身專業領域的 know-how 教學課程,開始自己的斜槓人生的同時,也面臨一樣的問題。
做為內容提供者,大家真的只能被迫說服自己繼續好好專注在產出優質內容就好,而無法對影片的所有權有更進一步的限制嗎?
Presto Player 就是因應這些需求而誕生的。因為平台無法提供,所以程式設計大神乾脆自己做一套。看完下面的介紹,大家應該就能理解為什麼說 Presto Player 是最佳的影片播放解決方案了。
Presto Player 的目標是做為 WordPress 網站內容創作者的線上影片的終極播放、管理工具。不只是在影片上提供花俏的按紐與品牌顏色,先進的行銷功能更有助於提升品牌、影片的觸及率。
在外掛整合的部分,Presto Player 可以與 LearnDash、LifterLMS、TutorLMS 等課程管理外掛完美結合。並且可在 WordPress 內建的區塊 (block) 編輯器 Gutenberg 與其他頁面編輯器,如 Elementor、Beaver Builder 整合使用。
在接下來的內容,將會跟大家介紹 Presto Player 外掛的完整功能,讓大家知道這些吸引人的功能有哪些。
Presto Player Pros
Presto Player Cons
即便是內容創作者,在觀看影片的時候都還是會想要跳過一些不感興趣的部分 (特別是時間很長的影片) 直接從某些章節開始。自訂章節功能可以按照時間編排每一個章節的開始時間與章節名稱。
而提供章節導引也能夠讓訪客有更好的觀看感受,減少因為不耐而直接跳出的比率。
預設自動播放影片不只會拖慢網站預載速度,也會造成某些訪客的困惱。此外,內容創作者應該會更想要訪客能將注意力放在精心準備的網站內容上,對吧?
如果能抓住訪客的注意力並且讓訪客在閱覽網站內容的時候更舒服、自在,是不是更好呢?
透過將自動播放預覽靜音 + 字幕,訪客可以更自在的在任何場合觀看你精心準備的影片與網站內容,而不怕引起別人的注意了。
這是增加訪客與影片之間互動的好方法,透過在自動播放預覽的時候,在影片的上層加上一個圖層,顯示你想要訪客看到的提示、內容,這圖層可以由網站設計者、課程提供者自行設計完成之後新增到影片上。
注意看下面的圖例,其中「Click here to play!」以及指向播放按鍵的箭頭就是自訂圖層。在這圖層之下的背景影片就是「自動播放預覽靜音」模式的影片。
當訪客向下捲動頁面時,影片播放視窗會固定在畫面的右下角。可以實際到 Presto Player 官網嘗試。
對於教學網站,或是自行架設網站、想要提供經驗分享的專業人士來說,真的是沒有比這更好的消息了 (除了影片隱私權保護之外)。
除了可以儲存觀看進度之外,還可以將訪客對於影片播放器的設定調整偏好都用 cookie 存下來,包含音量大小以及播放速度等。可以大大的增進訪客體驗。
自訂播放器的外觀、操作選單對於品牌形象、訪客體驗上是相當關鍵的。透過 Presto Player 的 Add New Preset 功能,可以進行下述功能的調整。
播放速度控制
不再需要猜測你的訪客對影片的觸及率以及跳出影片的時間點。Presto Player 內建提供分析儀表板,可以觀察、分析網站上透過 Presto Player 播放的影片觸及率,以及每一個影片的留客統計數據。
網站上所有影片的觸及率分析
每一個影片的留客統計數據分析
使用 Presto Player 的效能提升相當顯著。
可以看到在 JavaScript 的部分就節省了將近 80% (751KB >> 147KB) 的檔案大小;同樣的在 CSS、font、影像檔案的部分也節省相當多。
簡單來說,如果在網站上使用 Presto Player 播放 YouTube 影片,可以節省相當大比率的頁面檔案大小、提升網頁載入速度,也讓 Google 在評估網頁速度的時候分數更高。
實際案例分享 – 「1 個步驟,改善 YouTube 影片載入速度、提升訪客觀賞體驗 – 使用 Presto Player」。
Presto Player 提供三種方式可以進一步保護影片的所有權。
Presto Player 將提供使用半透明的浮水印圖層顯示使用者名稱與相關資訊,附加在影片之上。藉此防止訪客使用螢幕側錄的方式,在未經由影片所有權人的同意之下取得影片檔案。
Presto Player 提供公開 (public) 與私人 (private) 的影片設定選項。選擇 private 的時候,訪客只有登入網站之後才能觀看影片。此外,Presto Player 也會使用動態到期連結進一步保護 private 影片。
如果有人想透過解析 html 碼的方式找出影片連結,找到的影片連結也無法使用。
此外,如果透過 BunnyNet 託管進行影片的 CDN,BunnyNet 也會進行影片安全性的編碼。
到官網看 BunnyNet 設定說明。
HLS (HTTP Live Streaming” 技術源自於 Apple。可以避免 private 影音檔案被訪客下載。
經過 HLS 處理的影音檔案,會透過 private key 加密,因此任何未經授權下載的影片是無法順利開啟、讀取的。
以往這個服務是相當昂貴的,但透過 Presto Player 整合功能可以將加密服務的費用減少近 30 倍。
目前 Presto Player 已經與 Elementor、Beaver Builder、Divi (Aug. 2021 完成) 等編輯器整合。使用 Elementor 編輯器的人,可以直接在 widget 找到 Presto Video。
目前開發團隊的規劃是要將所有「主要」的編輯器都納入考量,包含 Oxygen、Brizy 等都已經安排在 Roadmap 中。
即使你慣常使用的編輯器不在清單中,也可以透過 Shortcodes、PHP 的方式將 Presto Player 影片區塊嵌入至頁面中。
影片播放器的主要使用族群就是提供多媒體課程的各大教學平台或自行架設教學網站的個人了。
Presto Player 將提供與最受使用者歡迎的 LMS 外掛 (包含 LearnDash、LifterLMS、TutorLMS 等) 內嵌使用的功能。可以透過 Elementor、Beaver Builder (其他編輯器可透過 shortcodes) 在頁面、文章中嵌入 Presto Player 影片。
沒錯,Presto Player 已經與 Rank Math SEO 功能整合了。Rank Math SEO 可以看到 Presto Player 的影片、製作 video schema,並且加入 video sitemap 中。
到官網看 Rank Math SEO 整合說明。
如同前面說明的,YouTube 至今還是最廣受歡迎的影片播放平台,而 Presto Player 的 Founder Adam Preiser 更是國際知名的的 WordPress YouTuber,這個產品正是他為了解決長期以來使用 YouTube 做為影片播放平台遇到的各種問題而誕生的;也因此,只要是能讓 Presto Player 的功能更完善的需求,他都會放到產品開發的規劃中。
如同先前提到的功能,在 Preset 設定中可以選擇將 YouTube UI 的資訊隱藏。 Presto Player 透過 YouTube 提供的 API 將 UI 上的資訊隱藏,但若未來 YouTube 改變了作法,Presto Player 的開發人員可能就無法繼續提供這樣的功能。
不過以目前來說,Presto Player 是可以隱藏 YouTube 的品牌資訊以及相關的推薦影片的。
啟用 Lazy Load 功能之後,可以提高網頁載入頁面時的效能而不會卡在處理解析 YouTube 內容。可以進一步增進 Google 分析網頁時的評分。
這個功能一般也都是要透過其他的外掛來延遲載入 iframe、影片才有辦法做到。
再次提醒大家,Presto Player 是一個可以提供影片播放豐富功能的外掛,實際上儲存、託管、串流影片還是得透過相關的影片播放平台。
以下是 Presto Player 目前可以支援的平台,其中最推薦的當然就是透過 BunnyNet 自行託管影片的方式了。
如同前面所說的,YouTube 依然是最受大家歡迎的影片播放平台,只要是對於沒有特殊所有權考量的影片而言,依然是可以放在 YouTube 上並透過 Presto Player 提供豐富的自訂播放器功能。
可以展示自己網站的品牌、色彩,並且最佳化網頁載入時的檔案大小與效能。
Vimeo 越來越受各界的歡迎,尤其是對於防止影片在未經所有人同意下載的保護上。但是也有越來越多人遭遇到平台不預期漲價的情形。而最近 Vimeo 的 PRO 訂閱服務也增加了許多新的限制,特別是影片隱私權的保護。
現在任何人都可以透過解析網頁 html 找出 Vimeo 的連結網址,並且直接造訪觀看,對於經營線上課程的網站來說,完全無法保護授課方的權益。而這似乎是 Vimeo 官方要促使更多人訂閱加值服務的方式。
除了費用考量之外,Vimeo 目前也不提供 HLS 加密服務。即使未來會提供,相信在費用上更是一般網站難以承受的。
為了解決這些問題,Presto Player 在媒體檔案的管理上直接與 BunnyNet 整合,可以直接利用 BunnyNet 提供的 CDN 服務與加密技術服務。
而費率上更是不可思議的便宜,以資料傳輸量計算是 $0.005/Gb。Presto Player 官網提供了一個 BunnyNet 費用的預估試算,大家可以按目前的檔案儲存、流量預估費用。
BunnyNet 日前發表了影片託管 Stream 的新功能,Presto Player 也立即的將影片託管、播放等功能與 Bunny Stream 整合完成,就能直接利用 BunnyNet 的 HLS 加密技術了。
想想,用這麼便宜的費率就能自行託管影片,再也不需要看到其他影片平台的品牌標誌,也不會有亂入的競爭對手影片廣告,更別說還有影片隱私權的保護機制了。
如果你是網頁設計公司,試想你可以替客戶帶來多少的加值服務?
如果你自行架設網站,試想每個月可以省下多少流量費用,並將預算花在更該投入的地方,譬如說:內容創作上。
此外,Presto Player 目前也正在規劃將 Amazon S3、Digital Ocean 的服務整合進來,提供給大家更多的選擇。
除了前面所說的功能之外,Presto Player 也持續在新功能的規劃清單上增加項目中。
此外,託管的影片來源也規劃將新增以下平台的整合:
《開發者的訊息》
對於上述的功能都不會有額外的費用產生,所有 Presto Player 的使用者都可以使用這些功能。
呼~ 這真是個內容豐富的介紹文呀,如果你能從頭看到這,代表這個外掛的功能肯定在某個方面能滿足你的網站影片播放需求。
Presto Player 的定價 (黑五特別折扣)
(行動裝置可左右滑動查看更多方案)
方案 | Starter | Pro | Lifetime |
網站授權數量 | 1 | 25 | 25 |
定價 | $59 | $89 | $250 |
付費頻率 | 每年 | 每年 | 一次性 |
Presto Player 目前提供的方案中最划算的就是終生授權 Lifetime 了,對於有明確播放影片需求的 YouTuber、教學平台、個人教學網站而言,絕對是今年度 WordPress 眾多外掛中不可錯過的選擇。
不想錯過的朋友,可以直接到 Presto Player 官網購買。
而我,也在 soft launch 的頭幾天就手刀衝去買了 Presto Player Pro 的終生授權方案了。
關聯閱讀 – 「BunnyNet CDN 免費額度! 來玩 Presto Player 囉!」。
如果你經營的 WordPress 網站有安裝 LMS 外掛,例如 LearnDash、TutorLMS、LifterLMS,你或許有發現最受歡迎的影片託管平台就是 Vimeo。
對多數人而言,Vimeo 服務中最受 WordPress 課程網站站長喜好的就是 Vimeo Pro 方案,這方案的費用是 $20/month 或 $240/year。
另一方面,Presto Player Pro 方案的定價為 $8.25/month 或 $99/year。意味著使用 Presto Player 每年可以省下美金 $141 元。
更別說 Presto Player 還提供了終生授權的方案,只需要一次性 $399 的費用。
對比 Vimeo 而言,$400 只能使用 20 個月,此外後續的每個月都需要再付出 $20 的費用。
這也是為什麼 Presto Player Pro 終生授權方案這麼吸引我的原因了。
上市兩個月 Presto Player 就發布了重大功能更新,將 Bunny Stream 的功能整合進來了。(2021.04.22)
在 Presto Player 官方網站發布的這篇文章中詳細的說明了透過 Presto Player 播放託管在 Bunny Stream 的影片,除了效能可以獲得大幅提升之外,還能做到許多 Bunny Stream 無法提供的功能 (共 22 點),這些在本文中都有提到並且也都會同步更新 Presto Player 新功能發布的進展。
在 Bunny Stream 新推出之際,相信這可以解開大家對於為什麼還需要使用 Presto Player 的疑惑。
使用 Presto Player + Bunny Stream 效能提升相當顯著
此外,Presto Player 官方網站發布的這篇文章中也提到了後續將要問世的其他新功能:
這些都可以在本文文中 Roadmap 章節中找到,有相關進展都會同步更新,大家不時也可以回來看看喔。
如果想知道完整的比較,也可以看這篇文章:
延伸閱讀:「Presto Player vs. Bunny Stream 2021 最佳線上影片播放方案,到底要選哪一個?」。
想請問附註一的Presto Player 與 Vimeo 訂價比較,完整意思是Presto Player +自行託管,而不用另外託管到其他地方對嗎?而如果託管到BunnyNet的話,就要另外加上BunnyNet跟Vimeo 的價差去計算了。想說確認一下我的理解是否正確,謝謝
是的,附註一的訂價比較是單純比較 Vimeo 的持續性費用與 Presto Player 的一次性費用。
我會建議採取以下策略:
1. 行銷推廣類影片 – 託管放在 YouTube,然後利用 Presto Player 在自己的網站上播放。除了「1 個步驟,改善 YouTube 影片載入速度、提升訪客觀賞體驗 – 使用 Presto Player」文中提到的可以 :
a. 大幅改善影片載入速度
b. 提升訪客觀賞影片的體驗
之外,也可以利用 YouTube 額外增加搜尋流量,一舉數得。
2. 對於有價內容 (例如: 收費課程、訂閱限定影片) 來說,則是建議將影片託管在 BunnyNet,可以提供影片的加密保護。費用的計算可以參考 BunnyNet Calculator,如果有使用我網站上提供的優惠碼,可以獲得美金 $10 的免費額度,按 BunnyNet 的收費基準每月最少 $1,最多可以免費使用 10 個月。
根據我自己以及國外社團朋友分享的經驗來看,提供 2-4 套完整影片課程 (每一套包含 20-40 個影片) 並且提供會員制收費的網站,每個月的 BunnyNet 還是只有 $1。BunnyNet 的託管費用真的很划算。
此外,也有朋友問到是否可以直接用 BunnyNet 前陣子發表的 Stream 功能,這部分的分析比較可以參考「Presto Player vs. Bunny Stream 2021 最佳線上影片播放方案,到底要選哪一個?」一文,說老實話,我個人還是會選擇透過 Presto Player 來播放影片的。
如果還沒購買 Presto Player,記得要用 10% 的優惠折扣唷!! 希望這些對你有幫助~ ^^