HTML5實作使用按鈕控制背景音樂開關的方法
這篇文章主要介紹了關於HTML5實現使用按鈕控制背景音樂開關的方法,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下
我們有時會在頁面上加上背景音樂,讓使用者自行開啟和關閉背景音樂,尤其基於手機html5製作的多媒體頁面,HTML5的audio音訊標籤可以取得音訊的播放狀態,透過觸控按鈕即可關閉並開啟背景音樂。
效果圖如下:
檢視示範效果 原始碼下載
HTML
建立一個HTML5頁面,放置
1 2 |
|
Javascript
我們在點擊開關圖片按鈕的時候呼叫了javascript腳本,playPause( )函數。函數中判斷audio音訊播放狀態,如果已經停止(paused)則呼叫.play()繼續播放,如果是在播放狀態,則立即暫停播放.pause(),兩種狀態切換時及時更新按鈕圖片,請看程式碼:
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 |
|
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!
相關推薦:
以上是HTML5實作使用按鈕控制背景音樂開關的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)