適用於 WooCommerce 和 Dokan 的音樂播放器的功能:
♪將音樂播放器整合到 WooCommerce 產品和 Dokan 中
♪包括支援以下格式的音訊播放器:OGA,MP3,WAV,WMA
♪包括音樂播放器的多個皮膚
♪支援所有最受歡迎的網路瀏覽器和移動裝置
♪包括在小工具欄上插入播放列表的小工具
♪包括一個塊,可使用古騰堡在頁面上插入播放列表
♪包括一個小工具,可使用 Elementor 在頁面上插入播放列表
♪包括一個小工具,用於使用 SiteOrigin 的 Page Builder 在頁面上插入播放列表
♪包括用於在 BeaverBuilder 的頁面上插入播放列表的控制元件
♪包含用於在使用 Visual Composer 的頁面上插入播放列表的元素
♪包括用於在帶有 DIVI 的頁面上插入播放列表的模組
注意:對於其他編輯者,請直接插入播放列表的簡碼。
WooCommerce 的 Music Player 在產品頁面和關聯的音訊檔案以及商店頁面中包括 MediaElement.js 音樂播放器。它允許與 Dokan 多供應商商店整合。此外,該外掛允許在多個皮膚之間進行選擇。
MediaElement.js 是與所有主要瀏覽器相容的音樂播放器:Internet Explorer,Firefox,Opera,Safari,Chrome,Chrome 和移動裝置:iPhone,iPad,Android 。音樂播放器是按照 html5 標準開發的。音樂播放器支援以下檔案格式:MP3,WAV,WMA 和 OGA 。
該外掛的基本版本可從 WordPress 目錄免費獲得,具有在產品和商店頁面中包括音樂播放器所需的功能。
高階功能
允許以安全模式播放音訊檔案,以防止未經授權下載音訊檔案。
允許定義要在安全模式下播放的音訊檔案大小的百分比。
介面
音樂播放器的全域性設定
可以透過選單選項 “ WooCommerce 的設定/音樂播放器” 訪問全域性設定。
將音樂播放器包含在所有所有產品中:選中該覈取方塊以將音樂播放器包含在所有產品中。
包含在:單選按鈕決定在單個條目,多個條目或兩者都有的頁面中顯示音樂播放器的位置(預設情況下為兩種情況)。
將播放器包括在購物車中:選中此覈取方塊可將音樂播放器包括在購物車頁面中,也可以不包括在其中。
合併到分組產品中:在分組產品中,在玩家行中顯示 “新增到購物車” 按鈕和數量欄位。
播放器佈局:音樂播放器可用皮膚的列表。
預載入:決定是預載入音訊檔案,其後設資料,還是根本不預載入任何內容。
全部播放:播放頁面中的所有播放器(一個接一個)。
播放器控制元件:確定要包含在音樂播放器中的控制元件。
顯示播放器的標題:顯示/隱藏與可下載檔案關聯的名稱。
保護檔案:覈取方塊以安全模式播放歌曲(僅在外掛的專業版中可用)。
用於受保護的播放的音訊百分比:0 到 100 之間的整數,表示將在演示的音訊檔案中使用的原始音訊檔案的大小的百分比(僅在外掛的專業版中可用)。
將先前的設定應用於網站上的所有產品頁面:選中覈取方塊,將先前的設定應用於覆蓋產品設定的所有產品。
Google Analytics(分析)整合
跟蹤 ID:在 Google Analytics(分析)帳戶的屬性設定中輸入跟蹤 ID 。
透過產品頁面設定音樂播放器
音樂播放器是從產品頁面和 Dokan 介面配置的。
設定介面
包括音樂播放器:此覈取方塊是否將音樂播放器包括在產品頁面中。
包含在:單選按鈕決定在單個條目,多個條目或兩者都有的頁面中顯示音樂播放器的位置(預設情況下為兩種情況)。
合併到分組產品中:在分組產品中,在玩家行中顯示 “新增到購物車” 按鈕和數量欄位。
播放器佈局:音樂播放器可用皮膚的列表。
預載入:決定是預載入音訊檔案,其後設資料,還是根本不預載入任何內容。
全部播放:播放頁面中的所有播放器(一個接一個)。
播放器控制元件:確定要包含在音樂播放器中的控制元件。
顯示播放器的標題:顯示/隱藏與可下載檔案關聯的名稱。
保護檔案:覈取方塊以安全模式播放歌曲(僅在外掛的專業版中可用)。
用於受保護的播放的音訊百分比:0 到 100 之間的整數,表示將在演示的音訊檔案中使用的原始音訊檔案的大小的百分比(僅在外掛的專業版中可用)。
選擇我自己的演示檔案:覈取方塊以使用與銷售音訊檔案不同的音訊檔案進行演示(僅在外掛的專業版中可用)。
演示檔案:類似於要出售的音訊檔案的部分,但在這種情況下,它允許選擇不同的音訊檔案進行演示及其名稱(僅在外掛的專業版中可用)。
專業版的 WooCommerce 音樂播放器如何保護音訊檔案?
如果在產品頁面上勾選了 “保護檔案” 覈取方塊,並透過以下屬性輸入了整數:“用於受保護的播放的音訊百分比”,則外掛將建立音訊檔案的截斷副本以出售(或(用於演示的音訊檔案)到 “ / wp-content / plugins / wcmp” 目錄中,用作演示。演示音訊檔案的大小是原始檔案大小的百分比(在播放器設定中輸入的整數)。因此,使用者無法從產品的公共頁面訪問原始音訊檔案。
WooCommerce 音樂播放器–播放列表小工具
該小工具允許在側邊欄上包含一個播放列表,其中可下載的檔案與啟用了音樂播放器的所有產品(或僅某些產品)相關聯。
小工具設定:
標題:側邊欄上的小工具的標題。
產品 ID:輸入要包含在播放列表中的產品 ID(用逗號分隔),或輸入*符號以包含所有產品。
播放列表佈局:在新的播放列表佈局和原始播放列表佈局之間進行選擇。
播放器佈局:選擇音樂播放器的佈局(小工具僅使用播放/暫停控制元件)
預載入:決定是預載入音訊檔案,其後設資料,還是根本不預載入任何內容。此屬性具有全域性範圍,並且將修改預設設定。
全部播放:播放頁面中的所有播放器(一個接一個)。此屬性具有全域性範圍,並且將修改預設設定。
突出顯示當前產品:如果選中該覈取方塊,並且使用者位於產品頁面中,並且該使用者包含在播放列表中,則相應的專案將在播放列表中突出顯示。
導航後繼續播放:如果選中該覈取方塊,並且在導航時播放一首歌曲,則播放器將在載入網頁後在相同位置繼續播放。
注意:在需要使用者直接行動才能播放音訊和影片的移動裝置中,外掛無法開始動態播放。
WooCommerce 的音樂播放器– [wcmp-播放列表] 簡碼[wcmp-playlist] 簡碼允許在頁面內容,所有產品或其中某些產品上包含播放列表。
簡碼屬性為:
products_ids:定義要包含在播放列表中的產品 ID(以逗號分隔),或*符號以包含所有產品:[wcmp-playlist products_ids =“ *”]
player_style:選擇音樂播放器的佈局(播放列表僅顯示播放/暫停控制元件):[wcmp-playlist products_ids =“ *” player_style =“ mejs-classic”]
Highlight_current_product:如果播放列表包含在產品頁面中,則相應的專案將在播放列表中突出顯示:[wcmp-playlist products_ids =“ *” Highlight_current_product =“ 1”]
封面:允許在播放列表中包含精選圖片。可能的值為:0 或 1,預設情況下為 0[wcmp-playlist products_ids =“ *” cover =“ 1”]
continue_playing:如果導航時正在播放歌曲,則播放器將網頁載入到相同位置後將繼續播放:[wcmp-playlist products_ids =“ *” continue_playing =“ 1”]
控制元件:允許定義要與播放列表上的播放器一起使用的控制元件。可能的值為:track 或 all,分別僅包含播放/暫停按鈕或所有播放器的控制元件。
layout:允許選擇具有以下值的新或原始佈局:new 或 classic(預設情況下為 “ new” 是值):[wcmp-playlist products_ids =“ *” layout =“ classic”]
注意:在需要使用者直接行動才能播放音訊和影片的移動裝置中,外掛無法開始動態播放。
掛鉤(動作和過濾器)
wcmp_before_player_shop_page:在商店頁面中的玩家容器之前呼叫的操作。
wcmp_after_player_shop_page:在商店頁面中的玩家容器之後呼叫的操作。
wcmp_before_players_product_page:在產品頁面中的玩家容器之前呼叫的操作。
wcmp_after_players_product_page:在產品頁面中的玩家容器之後呼叫的操作。
wcmp_audio_tag:生成音訊標籤時呼叫的過濾器。回撥函式接收三個引數:音訊標籤,產品的 ID 和檔案的 ID;
wcmp_file_name:播放器中包含檔名時呼叫的過濾器。回撥函式接收三個引數:檔名,產品 ID 和檔案 ID;
wcmp_widget_audio_tag:當音訊標籤作為側邊欄上的小工具生成時呼叫的過濾器。回撥函式接收三個引數:音訊標籤,產品的 ID 和檔案的 ID;
wcmp_widget_file_name:當播放器中包含檔名作為工具條上的小工具時呼叫該過濾器。回撥函式接收三個引數:檔名,產品 ID 和檔案 ID;
其他推薦外掛
如果您的專案是音樂商店,而 WooCommerce 超出了您的需求,則可以使用 “音樂商店” 外掛
或者,如果您需要通用的音樂和影片播放器,而不是專用於 WooCommerce,CP Media Player –音訊播放器和影片播放器外掛