mejs是一款适用于HTML5视频和音频播放器的JavaScript库它是MediaElementjs的缩写，为了简化HTML5网页上的音视频嵌入和播放而创建mejs能够自动识别需要播放的媒体类型，同时具有丰富的皮肤交互式组件和扩展功能，是一个十分方便易用的多媒体播放器mejs的使用范围十分广泛，它可以在任何支持HTML5的浏。

html标签直接写audio标签，ltaudio loop controls src=quot。

一个audio标签只能同时播放一个音频文件，希望一个接一个播放的话，就需要js监听标签的onended事件，播放完毕后，更换一个文件地址就可以了。

当然，如果是声音里面有衰减或空白的部分，不想剪辑声音的话，可以用多个Audio同时循环播放，如下var audios=for var i= 0 i lt 5 i++ var a = new Audioasrc = quotquot 填入你的音频地址 apreload=quotautoquotaloop = trueaudiospusha 调用下面函数。

使用Createjs来编写HTML5游戏PreloadJS和SoundJS方法createJs的由来，基础什么的就不说了，就直接说createJs的用法吧 首先到createJs官网下载，createJs分成easelJs图形动画preloadJs文件加载soundJs音频控制以及tweenJs补间动画四部分，大家下载的时候，建议下载两个文件，一个是压缩。

只要去掉controls 这个参数就可以了，例子123ltvideo width=quot352quot height=quot264quot controls autobufferltsource src=quotquot type=#39videomp4#39ltsourceltvideo 实现点击按钮控制音乐的播放和暂停默认为播放，若想默认不播放，修改audio的autoplay属性即可介绍1HTML标准自1999年12月发布的 HTML。

html5 audio标签在ios safari浏览器中，js是无法控制播放的因为ios safari浏览器内置的把play load都给禁用了官方的说法是为了用户着想，必须当用户手动的去出发播放控件的时候，拿到action，才可以播放为什么，我会遇到这个问题呢因为页面是用html5写的，要嵌入到ios里面开始在安卓上面。

Canvas绘制图形图像 requestAnimationFrame调起动画 重点canvas绘制AudioContextAPI应用代码在#39publicjavascriptsindexjs#39中本博文重点讲解实现过程中使用的AudioContext相关的API如果对webaudioAPI很有兴趣，请参见webaudioAPI AudioContext音频处理的环境和上下文，可以控制它所包含的节点的创建，以及音频处理。

主要特性支持多浏览器内置支持HTML5音频和视频，允许创建多媒体Tumult Hype采用各种先进功能，其中包括模糊色调偏移3D转换等支持移动设备4MontageJS MontageJS是一个开源的HTML5框架，着眼于可维护性和性能设计MontageJS通过提供模块化组件实时双向数据绑定事件处理CommonJS依赖管理等简化。

videojs是一款开源的HTML5视频播放器，它基于JavaScript和CSS构建使用videojs可将视频嵌入任何网站和应用程序中，同时提供了全屏模式自适应尺寸广告插入等功能videojs在前端开发人员中广受欢迎，因其易用性和自定义能力无论开发者需要从哪个视频平台中获取视频或者自己从服务器存储中获取视频，video。

1首先新建一个HTML文档，如图所示2然后在body标签里输入video标签3接着在video标签内输入controls=quotcontrolsquot，如图所示4然后在video标签里输入ltsource，接着在ltsource内输入src=quotmediasvolcanooggquot，如图所示5然后在后面输入type=quotvideooggquot如图所示，然后在定义一个source标签。

2播放部分升级了对m3u8格式的内部支持，不再使用外部插件播放3增加了flashplayer环境对m3u8文件的加密支持4内置了清晰度支持功能，以及m3u8清晰度自动选择及显示的支持5内置了弹幕显示功能，多种缓动效果可以制作出多种弹幕显示效果并且支持弹幕和播放器的互动，以前和js的互动6重构了。

CreateJS 中包含EaselJS用于 Sprites动画向量和位图的绘制，创建 HTML5 Canvas 上的交互体验包含多点触控，同时提供 Flash 中的“显示列表”功能TweenJS一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果SoundJS一个音频播放引擎，能够根据浏览器。

如何使用html5media 1首先在页面的head部分加入如下脚本 1 ltscript src=quot14html5ltscript 可以通过使用IE条件注释的方法，只在旧版IE浏览器中加载这条JS脚本2然后再使用audio或video添加音频视频就行了 1 lt！ 视频媒体标签。

接着，通过安装 fluentffmpeg 库，利用 ffmpeg 进行视频转码确认服务器环境中已安装 ffmpeg，以执行转码操作fluentffmpeg 提供了易于理解的封装，简化了 ffmpeg 命令使用 flvjs 实现前端获取视频数据并渲染flvjs 是一款纯 JS 编写的 HTML5 FLV 播放器，支持实时播放 flv 格式的视频通过。

如果考虑浏览器兼容性，那用flash无疑是最好，如果考虑格式的兼容性，则支持html5的浏览器直接用audio标签最好这个确实是棘手的问题，百度是进行了判断来播放的我们这因为技术有限，后台进行了转码，推荐你看看jplayer和flowplayer，这两个是比较常见的开源音频插件，但不幸的是都只支持MP3格式。