[WordPress] 外掛分享： Media Playback Speed

WordPress 外掛 Media Playback Speed 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Media Playback Speed」是 2017-12-07 上架。
  • 目前有 400 個安裝啟用數。
  • 上一次更新是 2022-07-05，距離現在已有 1033 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 有 9 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

daronspence | lewiscowles |

外掛標籤

ARIA | media | Frontend | streaming | mediaelementjs |

內容簡介

這個簡短、實用的外掛程式會為使用 mediaelement.js 內建 WordPress 短碼所加入的音訊、影片和播放清單元素添加播放按鈕。

每組按鈕都針對頁面上的相應元素進行配置，因此您可以獨立調整多個文件的速度。

目前此外掛程式沒有實現持續性。它只是緩解了使用 HTML API 廣泛調整媒體播放速度的需求。

注意：此外掛程式使用 HTML5 媒體元素 API。任何不支援這些或使用 Flash 播放器後備方案的瀏覽器都會錯失此功能。

開發人員

此外掛程式提供了兩個鉤子。

media-playback-speed-generate-controls 提供一個布林值作為參數。如果您將其返回為 false，這將防止添加媒體播放器的按鈕。這是為高級設置而設計的，其中控件的標記可能手動放置在頁面其他地方，例如固定頁腳。只要控制項遵循內建的標記（位於 body 標記內，具有 playback-rate-button 類（沒有預設樣式，僅用於啟用 DOM 存取）），控件就能正常運作。

'media-playback-speed-data' 提供包含數組作為項目的默認數組，每個數組都有 rate、title 和 label 內容，用於設定播放速度、按鈕的 title 和 aria-title，並調整按鈕文本。

主題和前端

.playback-rate-button.mejs-active 和/或 .playback-rate-button.active-playback-rate CSS 選擇器允許您為每個播放器設置活動速度。

最初 mejs-active 類是為了創建與 media-playback-js 兼容/熟悉的類名。

現在 Gutenberg 不再添加這些，因此現在有意義的是暫時添加兩組類。

版本 2 將棄用 .playback-rate-button.mejs-active 選擇器。

疑難排解

此外掛程式與傳統的 audio、video 和 playlist 短碼配合使用，只要 WordPress 使用 JavaScript 播放器即可運行。

隨著最新的 1.1.1 版本，此外掛程式現在也適用於 HTML5 音訊和視訊播放器，但是您需要實現自己的控件，這些控件具有 playback-rate-button 類，並遵循此類的模式。

HTML5 原始控件沒有播放列表，作者意識到它們使用全局狀態，因此播放速度基於頁面。

目前此外掛程式沒有歷史紀錄，但可以編寫一個姊妹插件並添加鉤子以存儲播放速度。

請確保沒有錯誤的 javascript，或將所有函數包裹在 (function() { // do things })() 塊中，以確保沒有任何干擾此外掛程式。此外掛程式這樣做是為了確保它不會影響您的網站，即使在不支援此外掛程式的瀏覽器和頁面中也是如此。

意見回饋

請隨時建議改進，報告衝突以及/或對整合鉤子等提出建議。

原文外掛簡介

This short, handy plugin will add playback buttons to your audio, video & playlist elements added via the built-in WordPress shortcodes for media using mediaelement.js.
Each set of buttons is configured for it’s corresponding element on the page, so you can adjust the speed of multiple files independently.
There is currently no persistence implemented in this plugin. It just scratches an itch to be able to broadly adjust media playback speeds using the HTML api.
NOTE: This uses the HTML5 media Element API. Any browser not supporting these or using the Flash Player fallback will miss out on this functionality.
Developers
Two hooks are provided within this plugin.

media-playback-speed-generate-controls provides a single argument which is a boolean. If you return this as false, this will stop buttons being added to a media player. This is intended for advanced setups where markup for controls might be placed manually elsewhere on the page such as a sticky footer. So long as controls follow the built-in markup (being within the body tag and have a playback-rate-button class (no default styling, used for enabling DOM access only).

‘media-playback-speed-data’ provides the default array containing arrays as items with rate, title and label entries, which set the playback rate, the title and aria-title for the buttons as well as adjust the button text.

Theme & Front-end
The .playback-rate-button.mejs-active and/or .playback-rate-button.active-playback-rate CSS-selectors allow you to style the active speed (per-player).
Initially mejs-active class was added in order to create media-playback-js compatible / familiar class names.
Now that Gutenberg does not add these, it makes sense to for-now add two sets of classes.
The .playback-rate-button.mejs-active selector will be deprecated in version 2.
Troubleshooting
This works with the traditional audio, video and playlist shortcodes so long as WordPress uses the JavaScript player.
With the latest 1.1.1 release this also works for HTML5 audio and video too, however you will need to implement your own controls which have the playback-rate-button class and follow the patterns of this.
HTML5 raw controls do not have a playlist the author is aware of, and they use global state, so playback rate is per-page.
There is currently no history as part of this plugin, however a sister plugin could be authored and hooks added to it to store playback rate.
Please ensure that you have no broken javascript, or wrap all functions in (function() { // do things })() blocks to ensure nothing interferes with this plugin. This plugin does this so that it should not interfere with your site, even in browsers and pages which do not support this plugin.
Feedback
Please feel free to suggest improvements, report conflicts, and/or make suggestions for integration hooks etc.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Media Playback Speed」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.6 | 1.0.7 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | trunk |

延伸相關外掛（你可能也想知道）

  • Safe SVG 》Safe SVG 可以讓你安心地在 WordPress 中上傳 SVG 檔案！, 它能夠讓你允許上傳 SVG 檔案的同時，確保它們已經經過消毒以防止 SVG/XML 弱點影響你的網站。此外...。
  • FileBird – WordPress Media Library Folders & File Manager 》Media Folder 是史上最佳的 WordPress 外掛，可讓您使用資料夾對媒體庫進行分類。, 我們可以使用拖放式組織方式整理 WordPress 媒體庫資料夾。, 試用 | 升級...。
  • Media Cleaner: Clean your WordPress! 》Media Cleaner 是一個強大的外掛，它可以幫助你清理 WordPress 媒體庫中未使用的媒體條目和文件，以及修復損壞的條目。內置回收站功能讓你可以在永久刪除之前...。
  • Default Featured Image 》在媒體設定頁面上新增一個預設的特色圖像。如果沒有設定任何特色圖像，這個預設的特色圖像就會顯示。就這麼簡單。, 查看常見問題以獲取基本問題資訊。, 如果...。
  • Add From Server 》這個外掛提供有限的支援。請不要期望有太多新功能或修正 bug。功能可能隨時被移除。, Add From Server 外掛旨在幫助緩解不好的網站主機所造成的困擾，讓您可...。
  • Media Library Assistant 》媒體庫助手提供多個增強功能，方便管理媒體庫，其中包括：, , , , [mla_gallery] 短碼，在文章、頁面或自訂文章類型中使用，添加圖片和/或其他媒體庫項目（...。
  • Reveal IDs 》WordPress 2.5版本發佈後，所有管理頁面的ID都被刪除了。這應該是因為普通用戶不需要它們。但對於高級WordPress用戶和開發人員來說，這些ID對某些外掛或模板...。
  • Phoenix Media Rename 》通過使用「Phoenix Media Rename」外掛，將您的媒體檔案重新命名，極大地提高您的 SEO。, 在Phoenix Media Rename 官方頁面上提供了完整的使用和設置指南。。
  • Media File Renamer: Rename for better SEO (AI-Powered) 》從儀表板直接重命名和移動檔案，可以逐個或批量進行操作，還可以設置自動重命名檔案的功能，提高 SEO、整理 WordPress、讓生活更美好。如需更多信息，請訪問...。
  • Easy Watermark 》Easy Watermark 可以在圖片上傳到 WordPress 媒體庫時自動加上浮水印。您還可以手動添加浮水印到現有的圖片（全部一次或每個圖片）。浮水印可以是圖像、文字...。
  • Clean Image Filenames 》這個外掛可以在您上傳至媒體庫時自動將檔名中的語言重音符號轉換。轉換後的字符將會變成網頁和伺服器友好、無語言重音的字元。, 功能, , 將瑞典語、丹麥語、...。
  • WP User Avatars 》允許註冊使用者上傳並選擇自己的頭像。, 建議外掛, 如果您喜歡這個外掛，您可能會喜歡以下這些外掛！, , WP User Profiles, WP User Activity, WP User Avata...。
  • Media Sync 》您可以掃描所有在uploads目錄中的檔案，並查看哪些檔案實際上在媒體庫中，哪些檔案只是停留在那裡。然後，您可以選擇要將哪些檔案導入數據庫，從而使它們在媒...。
  • Compact WP Audio Player 》Compact WordPress Audio Player 插件是一個基於 HTML5 + Flash 混合的 WordPress 外掛，可以透過使用 shortcode 在 WordPress 文章或頁面中嵌入 mp3 音頻文...。
  • Media Library Categories 》此外掛可允許在 WordPress 媒體庫中使用分類。啟用後，媒體庫中會顯示下拉式的分類清單。, 您可以使用大量動作進行多項目的分類更改、新增或移除分類。, 在使...。

文章
Filter
Apply Filters
Close
Mastodon