微信实现视频在线播放

pc端可用在线直播方式 mms

安卓端可用 rtsp 协议.

但是微信页面,即htm5 video 不支持上述协议。即使开启flash(微信内置浏览器不支持flash,在uc下测试)。本身也无效。调整。

苹果ios类支持自己实现的HLS协议,即后缀为 m3u8 协议的格式,具体实现原理看。

http://blog.csdn.net/andy1219111/article/details/8863506

 

后经测试,发现本身android 4.0以上版本就可以支持HLS ,

具体兼容支持图表看。

http://www.jwplayer.com/html5/hls/

 

尝试正常,除个别手机如三星 s4 这类播放时,由于可以高度识别问题。导致屏幕只有宽度,没高度,播放正常等问题。直接设置高度比即可。

微信测试结果。正常。因为微信的内置浏览器新版本基本上相同,主要是浏览器的内置限制。所以本身不用太担心兼容的问题。或者说,只要新版本测试基本上不用担心一些奇怪的限制,虽然微信的限制本身就比较奇怪。

举例,版本以5.3为准:

视频播放。加载时可以触发播放,本身开启属性autoplay也是可以的,但是通过按钮事件触发的全屏可以触发,但是直接js触发又不行。会报dom exception 11的异常。

结:

目前主要的测试平台为android和iphone。因为本身ios支持的,只测试一个就不用担心了,android各有差异,但是暂时没有发现哪部手机不可播放。

 

补充一个比较有意思的实现,仅供参考:

http://blog.segmentfault.com/xingrz/1190000000392586?page=1#c-1190000000392586-1050000000393206

 

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注