使用js播放视频的插件JSMpeg

2018年10月22日 阅读291次 分类:资源 标签:js资源

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://zhuyanjun.cn/resource/1171.html

JSMpeg

JSMpeg是一个用JavaScript编写的视频播放器。

目前有分别有0.1和0.2两个版本:

  • 0.1版本的播放的视频没有声音,但兼容性好,适配所有移动设备。

  • 0.2版本有声音,但对于部分iphone设备的微信浏览器下没有声音。

所以这里推荐使用0.1版本,声音可以用浏览器默认播放。

使用场景 微信
npm包名 --
bower包名 --
文档地址 点击访问

0.1版本要求是视频是mpg格式的,而且有特殊格式要求,这里视频需要用ffmpeg这个软件进行转换才可以。以下是一些代码转换示例:

// 视频转mpg
ffmpeg -i ./girl/girl-0.mp4 -f mpeg1video -vf "crop=iw-mod(iw\,2):ih-mod(ih\,2)" -s 480*1039 -b:v 1200k -r 20 -bf 0 ./media/girl-0.mpg

// 从原视频中提取音频为aac,提取后需要转换成mp3格式
ffmpeg -i ./girl/girl-0.mp4 -vn -y -acodec copy ./media/girl-0.aac

“方沃H5定制”项目使用示例:

http://ip-22-funwork.coralcodes.com

// 最佳配置示例
var myPlayer = new window.jsmpeg('/media/girl-0.mpg', {
    canvas: document.getElementById('my-video'),
    loop:false,
    unpauseOnShow:true,
    disableGl:true,
    seekable:true,
    onfinished:function () {
        //让画面定格在最后一帧
        myPlayer.seekToFrame(myPlayer.frameCount);
    },
    onload:function () {
        //视频初始化后回调
    }
});


(本篇完)

是不是学到了很多?可以

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://zhuyanjun.cn/resource/1171.html