为什么微信小程序 横屏视频播放老是横屏

来源：蜘蛛抓取(WebSpider) 时间：2017-07-14 15:38 标签： 小米4微信无法横屏
11330人阅读
这也是绕开video标签被劫持的一种方法
项目要求：根据 快乐童书 app 版做一个 微信体验版
遇到的难点就是 视频播放的时候老是调用浏览器自带的播放器
研究了好几天，使用了各自方法，包括把视频转换为gif的方式，
使用 一些游戏框架的 canvas &播放视频的方式。最后都不行，
游戏框架的 canvas &播放视频其实也是调用的浏览器自带的解码器的，
所以一播放就会调用浏览器的native播放器。
后来突然想到应该避开调用浏览器自带的解码器，在github上找到了一个开源的jsmpg.js，
貌似这也是最好的js写的解码库，只怪js性能比起c还是差很多。
点击链接查看效果图（可以在微信中打开看）：
快乐童书 web 动态 版（在微信中打开）：
1， &我的项目视频需要竖屏播放，所以 使用格式工厂&把 & & &横屏的视频转换为竖屏的视频 & &
2 ， 网页视频解码用第三方的解码库 jsmpg.js （只支持mpeg格式视频）。
3， 转码成mpeg格式视频需要特定的参数
&&ffmpeg&-i&pic90.mp4&-f&mpeg1video&-vf&&crop=iw-mod(iw\,2):ih-mod(ih\,2)&&-b&0&out.mpg
参考的网页：
效果图在github上的源码地址：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：23524次
排名：千里之外
原创：15篇
评论：20条
(1)(1)(1)(2)(1)(2)(1)(1)(5)匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。

我要回帖

更多关于 小米4微信无法横屏 的文章

 

随机推荐