摘要:的標(biāo)簽只在火狐下支持格式的音頻播放,無(wú)法兼容和,使用基本上能支持大部分瀏覽器播放音頻文件,經(jīng)測(cè)試火狐瀏覽器都可以播放編碼格式為的格式的音頻當(dāng)標(biāo)簽不支持或者不能播放相應(yīng)格式的文件時(shí),播放器將使用迷你模式,使用元素來(lái)播放音頻,支持的功能將較少,
html5的audio標(biāo)簽只在火狐下支持wav格式的音頻播放,無(wú)法兼容IE和google ,
使用audioplayer.js 基本上能支持大部分瀏覽器播放wav音頻文件,經(jīng)測(cè)試IE、火狐、google瀏覽器都可以播放編碼格式為:
的wav格式的音頻
當(dāng)audio標(biāo)簽不支持或者audio不能播放相應(yīng)格式的文件時(shí),播放器將使用迷你模式,使用embed元素來(lái)播放音頻,支持的功能將較少,并且各瀏覽器支持功能不一致
使用方法:
1、html中加入audio標(biāo)簽
<audio controls="controls" id="wavAudio"> <source src="https://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audio.wav" type="audio/wav" /> audio>
2、引用jquery和audioplayer.js
<script src="~/Content/assets/js/jquery-1.11.1.min.js">script> <script src="~/Content/audioplayer.js">script>
3、播放器代碼
常用自定義選項(xiàng)
classPrefix 插件插入html的class前綴
strPlay 播放按鈕顯示的文字
strPause 暫停按鈕顯示的文字
strVolume 音量按鈕顯示的文字
$(function () {
$(audio).audioPlayer({
classPrefix: audioplayer,
strPlay: 播放,
strPause: 暫停,
strVolume: 音量
});
});
audioplayer網(wǎng)站:https://osvaldas.info/audio-player-responsive-and-touch-friendly
最終效果
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/2285.html
摘要:格式文件中不包含頭部信息,播放器無(wú)法知道采樣率,聲道數(shù),采樣位數(shù),音頻數(shù)據(jù)大小等信息,導(dǎo)致無(wú)法播放。 本文記錄一點(diǎn)工作經(jīng)歷,探討音頻文件的格式更多訪問(wèn)我的博客 前言 最近在整理音視頻編程的知識(shí),回憶起半年多,有一次需求是在后臺(tái)播放某來(lái)源的 pcm 文件,當(dāng)時(shí)處理方法用了點(diǎn)技巧,記錄下來(lái) 背景:業(yè)務(wù)需求,在web后臺(tái)里播放 pcm 文件,文件不大(約300KB,已知 pcm 的參數(shù)采樣...
摘要:編碼結(jié)束后,調(diào)用函數(shù),來(lái)銷毀和編碼器。調(diào)用函數(shù)對(duì)參數(shù)中的格式音頻數(shù)據(jù)幀進(jìn)行解碼,參數(shù)中存放解碼后的音頻數(shù)據(jù)幀。調(diào)用函數(shù)來(lái)銷毀和解碼器說(shuō)重點(diǎn)當(dāng)做即時(shí)通信產(chǎn)品,像微信這種的手機(jī)端,它們接受到很有可能就是協(xié)議壓縮后的音頻文件。 showImg(https://segmentfault.com/img/bVbtzkh?w=1024&h=682); 這么牛逼的輪子,肯定要美圖鎮(zhèn)樓 Speex是一...
閱讀 736·2023-04-25 19:43
閱讀 3981·2021-11-30 14:52
閱讀 3807·2021-11-30 14:52
閱讀 3871·2021-11-29 11:00
閱讀 3802·2021-11-29 11:00
閱讀 3904·2021-11-29 11:00
閱讀 3580·2021-11-29 11:00
閱讀 6184·2021-11-29 11:00