Just a HTML5(video/audio) Javascript Library
JavaScript HTML
Latest commit 7e26136 Jul 23, 2015 @qiqiboy update
Permalink
Failed to load latest commit information.
audio add file Sep 4, 2014
src update Jul 23, 2015
video update Sep 4, 2014
README.md update Sep 16, 2014
index.html update Sep 16, 2014

README.md

H5Media

html5音频audio和视频video封装组件

使用方法及接口说明

/* 
 * 实例化一个Media对象,有两种方式
 */
var media=new H5Media({src:'',type:'video'}); //其一,指定媒体文件的地址、类型等
var media=new H5Media(document.getElementById('video')); //其二,获取对页面上 video#video 的引用封装

/* 查询媒体文件格式支持情况 */
H5Media.video //mp4 ogg webm flv
H5Media.audio //mp3 wav m4a ogg aac webm

/* 媒体准备就绪(可以获取到媒体长度等信息,即对应loadedmetadata事件) 
 * media.ready(callback);
 */
media.ready(function(){
    console.log(this.length);  
});

/* 播放 */
media.playing=true;
media.play();

/* 暂停 */
media.playing=false;
media.pause();

/* 停止 */
media.stop();

/* 回到开头 */
media.reset();

/* 回到结尾 */
media.finish();

/* 反向切换播放状态 */
media.toggle();

/* 快进(退) */
media.skip(number);

/* 跳转到指定时间 */
media.go(number);
media.currentTime=number;

/* 设置声音大小0-1 */
media.setVol(number);
media.volume=number;

/* 调大声音 */
media.volUp();

/* 调小声音 */
media.volDown();

/* 静音 */
media.muted=true;
media.mute();

/* 取消静音 */
media.muted=false;
media.unmute();

/* 缓存情况 */
media.buffered; // [[0,11.0]]

/* 已播放片段情况 */
media.played; // [[0,11.0]]



/* 事件绑定,支持所有的MediaElement级事件 
 * media.on(event_name, callback);
 */
media.on('playing',function(){
    console.log('正在播放');        
});
media.on('pause',function(){
    console.log('暂停播放');        
});

DEMO

http://u.boy.im/media