资讯专栏INFORMATION COLUMN

多浏览器播放wav格式的音频文件

番茄西红柿 / 740人阅读

摘要:的标签只在火狐下支持格式的音频播放,无法兼容和,使用基本上能支持大部分浏览器播放音频文件,经测试火狐浏览器都可以播放编码格式为的格式的音频当标签不支持或者不能播放相应格式的文件时,播放器将使用迷你模式,使用元素来播放音频,支持的功能将较少,

  html5的audio标签只在火狐下支持wav格式的音频播放,无法兼容IE和google ,

使用audioplayer.js 基本上能支持大部分浏览器播放wav音频文件,经测试IE、火狐、google浏览器都可以播放编码格式为:

 

的wav格式的音频

当audio标签不支持或者audio不能播放相应格式的文件时,播放器将使用迷你模式,使用embed元素来播放音频,支持的功能将较少,并且各浏览器支持功能不一致

使用方法:

1、html中加入audio标签

  <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网站:https://osvaldas.info/audio-player-responsive-and-touch-friendly

最终效果

 

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2285.html

相关文章

  • 如何在览器播放pcm音频

    摘要:格式文件中不包含头部信息,播放器无法知道采样率,声道数,采样位数,音频数据大小等信息,导致无法播放。 本文记录一点工作经历,探讨音频文件的格式更多访问我的博客 前言 最近在整理音视频编程的知识,回忆起半年多,有一次需求是在后台播放某来源的 pcm 文件,当时处理方法用了点技巧,记录下来 背景:业务需求,在web后台里播放 pcm 文件,文件不大(约300KB,已知 pcm 的参数采样...

    zxhaaa 评论0 收藏0
  • 重磅重构开源 让H5标签代替C++实时解码播放speex压缩协议音频文件 【IM福音】

    摘要:编码结束后,调用函数,来销毁和编码器。调用函数对参数中的格式音频数据帧进行解码,参数中存放解码后的音频数据帧。调用函数来销毁和解码器说重点当做即时通信产品,像微信这种的手机端,它们接受到很有可能就是协议压缩后的音频文件。 showImg(https://segmentfault.com/img/bVbtzkh?w=1024&h=682); 这么牛逼的轮子,肯定要美图镇楼 Speex是一...

    curried 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<