[WordPress] 外掛分享： PB oEmbed HTML5 Audio – with Cache Support

WordPress 外掛 PB oEmbed HTML5 Audio – with Cache Support 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「PB oEmbed HTML5 Audio – with Cache Support」是 2013-02-07 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2018-12-15，距離現在已有 2331 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 10 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

pascalbajorat |

外掛標籤

mp3 | ogg | audio | HTML5 | oembed |

內容簡介

這個外掛使用 WordPress 用於其他用途（例如YouTube視頻等）的 oEmbed 技術，為文章和頁面添加了放置音頻文件的功能。音頻文件使用 HTML5 音頻標籤嵌入，對於不支持 HTML5 或 MP3 格式的瀏覽器（Internet Explorer 版本 8.0 以下，Firefox 和 Opera），使用基於 Flash 的回退播放器嵌入 MP3 格式。要將音頻文件放到文章中，只需輸入音頻文件的 URL 鏈接作為單獨的段落即可。該外掛會將其轉換為頁面上的播放器。詳細信息請參見截圖。
此為特殊版本的 oEmbed HTML5 Audio：完全重寫以支持 WP Super Cache 或 W3 Total Cache 等緩存系統，並添加了一些新功能。
主要功能包括：
- oEmbed 支持 mp3、ogg 和 wav 音頻文件
- HTML5 音頻縮略語代碼（支持以下功能：自動播放、循環、預加載、控件和 flash 回退）
- 簡單易用的縮略語生成器
- 兼容 WP Super Cache 或 W3 Total Cache 等緩存系統
- Flash 回退
如果您需要德語指南，可以在作者博客上找到德語指南。
新增的縮略語讓您完全控制HTML5音頻：

所有參數都是可選的，但您需要至少指定一個音頻源：mp3、ogg 或 wav。
請注意：Flash 回退僅適用於 mp3 文件！
自 2.3 版以來，您可以在文章和頁面編輯器下方使用生成器。
如果您希望在主題中放置音頻標籤播放器，則可以通過 PHP 使用縮略語：
echo do_shortcode('');
已在以下瀏覽器中測試支持：
- Google Chrome 14：MP3、OGG、WAV-本機 HTML5
- Firefox 6：OGG、WAV-本機 HTML5；MP3-基於Flash的回退播放器
- Opera 11：OGG、WAV-本機 HTML5；MP3-基於Flash的回退播放器
- Internet Explorer 8：MP3-基於Flash的回退播放器；OGG、WAV-不支持
- Internet Explorer 9：MP3-本機 HTML5；OGG、WAV-不支持
- Safari：MP3-基於Flash的回退播放器；OGG、WAV-不支持
您可以在此處找到完整的支持哪些格式的瀏覽器列表：HTML5 CSS3 Box-HTML5 Audio-Tag
如果您有任何問題或疑慮，請聯繫作者。

原文外掛簡介

This plugins adds possibility to place audio files into posts and pages using the oEmbed technology used by WordPress for other purposes (YouTube videos etc). Audio files are embeded using HTML5 audio tag, with Flash-based backup player for MP3 format for browsers that don’t support either HTML5 or MP3 format (Internet Explorer up to version 8.0, Firefox and Opera).
To put audio file into a post, simply enter the URL link to the audio file as separate paragraph. The plugin will convert it into the player on the page. See screenshots.
This is a special version of oEmbed HTML5 Audio: It is completely rewritten to support Cache Systems like WP Super Cache or W3 Total Cache and I’ve added some new Features.
Key Features

oEmbed support for mp3, ogg and wav audio files
HTML5 Audio Shortcode (supports this functions: autoplay, loop, preload, controls and flash fallback)
Easy to use Shortcode-Generator
Compatible with Cache-Systems like WP Super Cache or W3 Total Cache
Flash Fallback

Auf der Suche nach einer deutschsprachigen Anleitung?
Eine deutschsprachige Anleitung zu diesem Plugin ist auf meinem Blog zu finden:
WordPress und HTML5 Audio Support – Plugin
The new Shortcode:
I’ve added a simple Shortcode to give you the full control of your HTML5 Audio:

All Parameters are optional, but you need to specify at least one Audio Source: mp3, ogg or wav.
Defaults:

id (optional, will be auto generated by the plugin if you not provide an ID)
class = pb-html5-audio-element
autoplay = off
loop = off
preload = on
controls = on
flash_fallback = on
hidden = off

Please note: The Flash Fallback works only with mp3 files!
Since version 2.3 you can use the Generator below your Editor in Posts and Pages.
Use the Shortcode in your Theme
If you want to place an Audio-Tag Player in your Theme, you can use the Shortcode via PHP:

Tested support in browsers:

Google Chrome 14: MP3, OGG, WAV – native HTML5
Firefox 6: OGG, WAV – native HTML5; MP3 – Flash-based backup player
Opera 11: OGG, WAV – native HTML5; MP3 – Flash-based backup player
Internet Explorer 8: MP3 – Flash-based backup player; OGG, WAV – not supported
Internet Explorer 9: MP3 – native HTML5; OGG, WAV – not supported
Safari: MP3 – Flash-based backup player; OGG, WAV – not supported

A complete list which Browser supports which format you can find here: HTML5 CSS3 Box – HTML5 Audio-Tag
If you have any questions or problems, you can ask me: Pascal Bajorat – Webdesigner / WordPress / WebDeveloper
Credits

Developer: Pascal Bajorat

Translators:

Spanish Translation by Andrew Kurtis – webhostinghub.com

Licence
GNU General Public License v.3 – http://www.gnu.org/licenses/gpl-3.0.html
HTML5 Audio Tag Shortcode:
I’ve added a simple Shortcode to give you the full control of your HTML5 Audio:

All Parameters are optional, but you need to specify at least one Audio Source: mp3, ogg or wav.
Defaults:

id (optional, will be auto generated by the plugin if you not provide an ID)
class = pb-html5-audio-element
autoplay = off
loop = off
preload = on
controls = on
flash_fallback = on
hidden = off

Since version 2.3 you can use the Generator below your Editor in Posts and Pages.
Use the Shortcode in your Theme
If you want to place an Audio-Tag Player in your Theme, you can use the Shortcode via PHP:

oEmbed HTML5 Audio
This plugins adds possibility to place audio files into posts and pages using the oEmbed technology used by WordPress for other purposes (YouTube videos etc). Audio files are embeded using HTML5 audio tag, with Flash-based backup player for MP3 format for browsers that don’t support either HTML5 or MP3 format (Internet Explorer up to version 8.0, Firefox and Opera).
To put audio file into a post, simply enter the URL link to the audio file as separate paragraph. The plugin will convert it into the player on the page. See screenshots.

各版本下載點

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

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

2.5 | 2.6 | 2.3.1 | 2.4.1 | 2.4.2 | 2.4.4 | 2.5.1 | trunk |

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

  • Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
  • MediaElement.js – HTML5 Video & Audio Player 》此外掛為 WordPress 設計的影音控制元件，是建立在 MediaElement.js HTML5 播放器程式庫之上，並為不支援 HTML5 的瀏覽器提供 Flash 或 Silverlight 候補播放...。
  • Videojs HTML5 Player 》Video.js HTML5 Player 是一個支持桌面和移動裝置視頻播放的用戶友好的外掛。它讓你輕鬆嵌入自主託管的視頻文件或使用 Video.js 庫的外掛視頻文件。, , Video...。
  • Video.js – HTML5 Video Player for WordPress 》, , 這是一個基於 Video.js HTML5 播放器庫所建立的 WordPress 外掛。它能夠讓您使用 HTML5 在文章或頁面中嵌入影片，並提供 Flash 回退支援非 HTML5 瀏覽器...。
  • WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps 》WordPress Mobile Pack 是一款能協助你將網站內容轉換為漸進式行動網路應用程式的 WordPress 外掛。它附帶多種行動應用主題，可單獨購買或作為一個套件購買。...。
  • Gravity Forms – Placeholders add-on 》將 Gravity Forms 外掛的 HTML5 placeholder 功能強化，將欄位標籤複製為 placeholder 並隱藏之。對於不支援 HTML5 placeholder 屬性的舊版瀏覽器，使用 Java...。
  • Video Player for WPBakery 》Video Player for WPBakery 是 WPBakery Page Builder 的一個外掛程式，可以讓您在 WordPress 網站中添加 YouTube、Vimeo 和自行托管的視頻（HTML5）。, 功能...。
  • mb.YTPlayer for background videos 》這是一個無框架的YouTube®視訊播放器，可讓您將任何YouTube®視訊作為Wordpress®網頁或文章的背景播放。, 您可以從設置面板啟用首頁播放（不需要許可證），或...。
  • Cincopa video and media plug-in 》無需多個 WordPress 外掛來管理您的媒體，Cincopa 是您所有媒體需求中唯一需要的外掛。使用 Cincopa 輕鬆地添加視頻、照片庫、幻燈片、音樂和播放列表等等。...。
  • Modernizr for WordPress 》這個外掛可以在你的WordPress安裝中加入 Modernizr。, Modernizr是一個小型JavaScript函式庫，用來檢測下一代網頁技術中的原生實作可用性，也就是來自HTML5和...。
  • Gravity Forms HTML5 Validation 》此外掛為Gravity Forms外掛新增原生HTML5驗證支援。, 支援標準與分頁表單。, 支援標準欄位, , 單行文字, 段落文字, 下拉式清單, 多選清單, 核取方塊, 數字, ...。
  • Flowplayer Video Player 》Flowplayer 影片播放器可在您的 WordPress 網站上添加一個影片短碼。使用此短碼，您可以嵌入一個影片檔案，並使用 Flowplayer HTML5 播放器進行播放。, 特點,...。
  • Bradmax Player 》Bradmax Player 是一個 WordPress 外掛，支援桌面及行動裝置上的影片串流播放。只要您具有以下格式的影片串流存取權限：, – HLS, – MPEG-DASH, &...。
  • Radio Forge Muses Player with Skins 》RadioForge Players 可在瀏覽器中提供本機音頻播放。它支援所有的瀏覽器，包括 iOS、Android、Firefox、Chrome、Safari、IE 和 Opera。, RadioForge Players ...。
  • Video.js HLS Player 》Video.js HLS Player 是一個易於使用的外掛，可以使用此定制的 video.js 播放器將響應式/流體（或固定寬度）HLS 影片輕鬆嵌入 WordPress 文章和頁面中。嵌入...。

文章
Filter
Apply Filters
Close
Mastodon