您想在wordPress/ target=_blank class=infotextkey>WordPress中添加音頻音樂播放器小部件嗎?音樂播放器是與觀眾分享歌曲、播客、采訪和其他音頻文件的好方法。這有助于在您的網站上創建更有趣和引人入勝的體驗。在本文中,我們將向您展示如何在WordPress中添加音頻音樂播放器。
為什么要在WordPress中添加音頻音樂播放器小部件
音樂播放器讓訪問者可以直接在您的WordPress網站上收聽音頻。
如果您是播客或音樂家,那么在您自己的網站上播放音頻可以讓您的訪問者和粉絲了解您的作品。
它還可以鼓勵人們直接訪問您的網站,而不是在其他平臺上播放您的音頻。一旦這些人進入您的網站,您可以通過在您的 WordPress 博客上展示廣告或將音頻文件作為數字下載出售來賺取更多收入。
即使您不創建任何原始音頻,嵌入來自第三方平臺(例如 Spotify )的內容也是創建更具吸引力的網站的簡單方法。這可以讓訪問者在您的網站上停留更長時間,并使體驗更加有趣。
方法 1.如何使用音頻塊添加音頻音樂播放器小部件(簡單)
使用此方法,您可以使用內置的WordPress音頻塊創建一個簡單的音頻音樂播放器。您可以使用該塊播放任何.mp3、.m4a、.ogg或.wav文件。
與大多數音頻播放器插件相比,音頻播放器非常簡單。它有一個播放/暫停按鈕、音量控制、一個下載按鈕和一個用于更改播放速度的按鈕。
如果您想向站點添加一些簡短的音頻剪輯,并且不需要任何高級功能,則內置音頻塊是一個不錯的選擇。
如果您嵌入來自受支持的第三方平臺(如 Spotify 或 SoundCloud)的內容,則音頻塊將顯示該平臺的播放控件。它還可能顯示來自平臺的一些額外內容,例如藝術家的姓名和封面圖像。
例如,這是一個包含嵌入式 SoundCloud 內容的音頻塊。
要將簡單的音頻音樂播放器添加到您的WordPress網站,請打開任何頁面或帖子。然后,單擊 + 圖標。
在出現的彈出窗口中,鍵入“音頻”以找到正確的塊。然后,您只需單擊 音訊 塊將其添加到您的頁面。
此時,您可以添加音頻文件或嵌入來自其他平臺的音頻剪輯。
注意:在大多數情況下,我們建議將音頻和視頻文件托管在第三方網站上,原因有很多,包括質量優化和節省帶寬。這就是為什么你永遠不應該將視頻上傳到WordPress。
要從計算機添加音頻文件,請單擊“上傳”,然后選擇要使用的文件。另一種選擇是單擊“媒體庫”,然后從WordPress媒體庫中選擇一個文件。
如果您上傳完整的音頻,那么您可能希望通過向您發送捐款來為訪問者提供支持您作為音樂家或播客工作的選項。
是否要嵌入來自其他平臺的音頻?
這類似于您在WordPress中嵌入視頻的方式,您只需粘貼YouTube視頻的URL,WordPress就會自動嵌入它。
請注意,大多數平臺僅嵌入完整音頻文件的預覽。該塊甚至可能鼓勵人們離開您的網站并訪問第三方平臺,以便聽到完整的音頻。
在下圖中,音頻塊正在將訪問者推向 Spotify 網站。
如果您是音樂家,那么這可能會通過鼓勵訪問者在其他平臺上播放您的內容來增加您的版稅。但是,它也可以將人們從您的網站驅趕到其他平臺。
要嵌入來自第三方平臺的音頻,請首先單擊“從URL插入”。
這將打開一個小的“粘貼或鍵入 URL”欄。
您現在可以輸入要嵌入WordPress博客的音頻剪輯的URL。
通常,您只需要訪問要嵌入的歌曲或音頻,然后打開其“共享”設置。
之后,您可以復制提供的 URL。
例如,讓我們看看如何在您的網站上嵌入任何 Spotify 歌曲。首先,找到要添加到WordPress網站的歌曲或播放列表。
然后,只需單擊 Spotify 在播放列表或歌曲旁邊顯示的三個點。
完成此操作后,單擊“共享”»“復制歌曲鏈接”。
要將音頻添加到音樂播放器小部件,只需將鏈接粘貼到 音頻 塊。
在我們的Spotify示例中,WordPress會將音頻塊轉換為Spotify塊。此更改會自動發生,因此您無需擔心。
添加音頻文件后,您可以單擊 音訊 塊以查看您可以為該塊配置的設置。
您看到的設置可能會有所不同,具體取決于您是從第三方網站上傳音頻文件還是嵌入預覽。例如,您通??梢酝ㄟ^單擊“自動播放”開關將音頻設置為自動播放。
這些設置中的大多數都是不言自明的,因此最好花一些時間嘗試不同的設置,看看哪種設置最適合您的網站。
如果您對塊的設置方式感到滿意,可以更新或發布頁面。
現在,如果您訪問您網站上的頁面,您將看到實時音頻音樂播放器。您還可以使用塊的播放控制按鈕收聽音頻。
方法 2.如何使用插件添加音頻音樂播放器小部件(更可定制)
內置的WordPress音頻塊是創建簡單音頻播放器的快速簡便方法。但是,它確實有其局限性,尤其是在自定義播放器和播放體驗時。
也沒有可以管理音頻播放器的中心位置。這意味著您不能在網站上多次使用同一個播放器。
如果您確實想要更高級的功能和可重復使用的音頻播放器,那么我們建議您使用 html5 音頻播放器。該插件可以播放任何mp3,.wav或.ogg文件。
該插件每個播放器只能播放一個音頻文件。但是,您可以根據需要創建任意數量的音頻播放器,因此您仍然可以在網站上播放許多不同的曲目。
您甚至可以將多個音頻播放器添加到同一頁面。
首先,您需要安裝并激活插件。
激活后,您就可以通過轉到 Html5 音頻播放器 » Html5 音頻播放器來構建您的第一個音頻播放器。
在這里,繼續并單擊“添加音頻播放器”按鈕。
首先,在顯示“添加標題”的字段中鍵入音頻播放器的名稱。
這僅供您參考,因此您可以使用所需的任何標題。
完成此操作后,滾動到“玩家配置”部分。
在這里,您可以通過單擊“添加音頻”按鈕將音頻文件添加到播放器。
您現在可以從媒體庫中選擇任何音頻文件或從計算機上傳文件。
選擇文件后,您就可以自定義音頻播放器了。默認情況下,訪問者只需單擊“播放”按鈕,音頻將在已經調高的音量下開始播放。
這是大多數訪問者期望音頻播放器的行為方式,因此您通常需要使用這些默認設置。
還有默認靜音、自動播放、重復等選項。
一旦您對播放器的設置方式感到滿意,只需滾動到屏幕頂部并單擊“保存”按鈕即可。
然后,您可以使用簡碼或 HTML5 音頻播放器塊將音頻播放器添加到您的網站。
塊是最簡單的方法。但是,如果您確實想使用短代碼放置播放器,那么您會在屏幕頂部找到代碼。
要使用塊添加音頻音樂播放器,請打開任何頁面或帖子。您現在可以單擊 + 按鈕。
在出現的彈出窗口中,鍵入“HTML5 音頻播放器”以找到正確的塊。單擊“HTML5音頻播放器–插入”塊后,它會將該塊添加到您的頁面中。
接下來,打開顯示“選擇播放器”的下拉列表以查看您創建的所有音頻播放器的列表。
您現在可以單擊音頻播放器將其添加到頁面或帖子中。
WordPress頁面編輯器不顯示音頻播放器。
但是,如果您單擊“預覽”按鈕,您將能夠看到播放器在訪問您網站的人中的外觀。您甚至可以收聽音頻并測試不同的播放按鈕。
如果您對音頻播放器的外觀和功能感到滿意,則可以更新或發布頁面。
現在,如果您在WordPress網站上訪問此頁面,您將看到實時音頻播放器。