反饋已提交

網絡繁忙

HTML 实现声音播放

1.概述

1.1 問題描述

設計報表的時候,如何為報表新增聲音播放、背景音樂,或是實現聲音預警呢?

1.2 解決思路

使用HTML5的<audio>標籤

當前,audio元素支援三種音頻格式:

    IE9 Firefox3.5  Opera10.5 Chrome3.0    Safari3.0
  Ogg Vorbis    √  √  √  
  Mp3  √      √  √
  Wav    √  √    √
<audio>標籤的屬性
  屬性  值  描述
  autoplay   autoplay  如果出現該屬性,則音頻在就緒後馬上播放
  controls   controls  如果出現該屬性,則向使用者顯示元件,比如播放按鈕
  loop   loop  如果出現該屬性,則每當音頻結束時重新開始播放
  preload   preload  如果出現該屬性,則音頻在頁面載入時進行載入,並預備播放
  如果使用"autoplay",則忽略該屬性
  src   src  要播放的音頻的 URL

2. 範例

2.1 報表設計

1)在 A1 儲存格新增如下代碼

222

<audio src="http://www.w3school.com.cn/i/song.ogg" controls="controls"  loop="loop"> Your browser does not support the audio element. </audio>

2)在儲存格屬性中使用HTML顯示內容

2.2 效果預覽

2.2.1 PC 端

儲存預覽,效果如下(不同瀏覽器顯示效果有所差異):
222

2.2.2 行動端

不支援行動端。

附件列表


主題: 報表應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙