資訊專欄INFORMATION COLUMN
摘要：的標(biāo)簽只在火狐下支持格式的音頻播放，無法兼容和，使用基本上能支持大部分瀏覽器播放音頻文件，經(jīng)測試火狐瀏覽器都可以播放編碼格式為的格式的音頻當(dāng)標(biāo)簽不支持或者不能播放相應(yīng)格式的文件時，播放器將使用迷你模式，使用元素來播放音頻，支持的功能將較少，
html5的audio標(biāo)簽只在火狐下支持wav格式的音頻播放，無法兼容IE和google ，
使用audioplayer.js 基本上能支持大部分瀏覽器播放wav音頻文件，經(jīng)測試IE、火狐、google瀏覽器都可以播放編碼格式為：
的wav格式的音頻
當(dāng)audio標(biāo)簽不支持或者audio不能播放相應(yīng)格式的文件時，播放器將使用迷你模式，使用embed元素來播放音頻，支持的功能將較少，并且各瀏覽器支持功能不一致
使用方法：
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、播放器代碼
常用自定義選項
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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/2285.html
摘要：格式文件中不包含頭部信息，播放器無法知道采樣率，聲道數(shù)，采樣位數(shù)，音頻數(shù)據(jù)大小等信息，導(dǎo)致無法播放。 本文記錄一點工作經(jīng)歷，探討音頻文件的格式更多訪問我的博客 前言 最近在整理音視頻編程的知識，回憶起半年多，有一次需求是在后臺播放某來源的 pcm 文件，當(dāng)時處理方法用了點技巧，記錄下來 背景：業(yè)務(wù)需求，在web后臺里播放 pcm 文件，文件不大(約300KB，已知 pcm 的參數(shù)采樣...
摘要：編碼結(jié)束后，調(diào)用函數(shù)，來銷毀和編碼器。調(diào)用函數(shù)對參數(shù)中的格式音頻數(shù)據(jù)幀進行解碼，參數(shù)中存放解碼后的音頻數(shù)據(jù)幀。調(diào)用函數(shù)來銷毀和解碼器說重點當(dāng)做即時通信產(chǎn)品，像微信這種的手機端，它們接受到很有可能就是協(xié)議壓縮后的音頻文件。 showImg(https://segmentfault.com/img/bVbtzkh?w=1024&h=682); 這么牛逼的輪子，肯定要美圖鎮(zhèn)樓 Speex是一...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00
