[WordPress] 外掛分享: mb.miniAudioPlayer – an HTML5 audio player for your mp3 files

首頁外掛目錄 › mb.miniAudioPlayer – an HTML5 audio player for your mp3 files
WordPress 外掛 mb.miniAudioPlayer – an HTML5 audio player for your mp3 files 的封面圖片
4,000+
安裝啟用
★★★★
4.5/5 分(57 則評價)
1586 天前
最後更新
問題解決
WordPress 3.3+ v1.9.7 上架:2012-10-17

內容簡介

這個外掛可以將文章中上傳的任何 MP3 檔案,轉換成一個必備的小型 HTML5 音樂播放器,具有以下功能:

音量控制
快進控制
標題欄
倒回按鈕
靜音按鈕
播放按鈕

您可以觀看這個影片,了解詳細的自訂播放器外觀內容,使用線上 Skin Maker 工具進行操作:

重要提示!從版本 1.5.8 開始,CSS 樣式已經更改;所有已自訂皮膚的使用者需要從此處重新建立他們的皮膚。

相關連結:

範例:http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/demo.html
影片:http://youtu.be/B8Dr4aUNGgo
pupunzi部落格網址:http://pupunzi.open-lab.com
pupunzi網站網址:http://pupunzi.com

從版本 1.4.x 開始,您可以使用線上 miniAudioPlayer Skin Editor自訂播放器外觀。

如果您使用其他 HTML5 音樂外掛程式(例如 Haiku),可能會與 mb.miniAudioPlayer 產生衝突。若要使用此外掛,您應先停用其他外掛。

使用方法如下:

透過 WP 插件面板啟用 mb.miniAudioPlayer 外掛;
編輯文章或頁面,點擊「上傳/插入媒體」連結,並選擇 MP3 檔案;
在文章中插入檔案,將音樂播放器顯示在所需位置。
儲存文章,並瀏覽它;播放器將取代檔案的連結。

要更改播放器的預設設定,請前往 mb.miniAudioPlayer 的設定面板(您可以在 WP 後端的「設定」區段中找到)。

可用選項包括:

@ width =(int):播放器打開時的像素寬度。
@ skin =:播放器介面的顏色(黑色、藍色、橙色、紅色、灰色和綠色)。
@ volume =(int):播放器的初始音量。
@ showVolumeLevel =:顯示或隱藏音量控制的布林值。
@ showTime =:顯示或隱藏時間計數器的布林值。
@ showRew =:顯示或隱藏倒回控制的布林值。
@ autoPlay =:(僅適用於 TinyMCE 編輯器外掛),可設定頁面載入後自動播放的布林值。
@ downloadable =:顯示在播放器旁邊的下載按鈕的布林值。
@ excluded =:包含不應轉換為播放器的音頻連結的 CSS 類別的字串。

Ubuntu Chromium 問題:

由於預設的 Ubuntu Chromium 安裝中缺少某些編解碼,因此播放器將無法使用。您可以透過控制台安裝編解碼來解決此問題:

sudo apt-get-install chromium-codecs-ffmpeg-extra

之後,您的播放器應該正常運作。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.9.7) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「mb.miniAudioPlayer – an HTML5 audio player for your mp3 files」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This plug-in let you transform any mp3 file uploaded inside a post into an essential small HTML5 audio player with:

volume control
seeking control
title bar
rewind button
mute button
play button

Watch this video to learn how to customize your player using the on line Skin Maker too:

Important!
From version 1.5.8 the CSS has been changed; for all the one how have customized the skin they need to recreate their skin from here.
Links:

demo: http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/demo.html
video: http://youtu.be/B8Dr4aUNGgo
pupunzi blog: http://pupunzi.open-lab.com
pupunzi site: http://pupunzi.com

From version 1.4.x you can customize your player appearance by using the on-line miniAudioPlayer Skin Editor.
If you are using others HTML5 audio plugins (like Haiku) there could be conflicts with mb.miniAudioPlayer. You should deactivete the others befor using it.
Other WP plugins:

wp-YTPlayer. A Chromeless video player to play your Youtube videos as background of any WP page or post.
https://wordpress.org/extend/plugins/wpmbytplayer/

How it works:

Activate the mb.miniAudioPlayer plugin via the WP plugin panel;
Edit a post or a page, click on the Upload/Insert media link and choose an mp3 file;
place it into the post wherever you want to show the player.
save the post and browse it; the player will show instead of the link at the file.

to change the player default settings go to the mb.miniAudioPlayer settings panel (you can find it under the “settings” section of the WP backend).
Options:

@ width = (int) the width in pixel of the player once opened.
@ skin = the color of the player interface (black, blue, orange, red, gray and green).
@ volume = (int) the initial volume of the player.
@ showVolumeLevel = a boolean to show or hide the volume control.
@ showTime = a boolean to show or hide the time counter.
@ showRew = a boolean to show or hide the rewind control.
@ autoPlay = (available only for the TinyMCE editor plugin) a boolean to set in play the player once the page is loaded.
@ downloadable = a boolean to show the download button next to the player.
@ excluded = a string containing the CSS class for audio links that should not be converted into player.

Ubuntu Chromium issue
Due to some codecs missing in the default Ubuntu Chromium install the player will not work. This problem can be resolved by simply installing that codecs via console:
sudo apt-get-install chromium-codecs-ffmpeg-extra
After that your player should work fine.

文章
Filter
Apply Filters
Mastodon