资讯专栏INFORMATION COLUMN

audio/video 在ios兼容性问题总结

ACb0y / 3545人阅读

摘要:的兼容性问题,先来个五颜六色的图看看在哪里问题描述的安全机制,系统自带浏览器不能自动播放尝试方案回调中执行等定时器回调执行回调借用,如微信的监听事件,进行体验不好分析所以猜测如果限制引擎层判断是否是队列,中回调之类。。。

【1】audio autoplay的兼容性问题,先来个五颜六色的图看看Audio在哪里?

问题描述:ios的安全机制,系统自带safari浏览器不能自动播放;

尝试方案:

domready回调中执行play(); 【x】

setTimeout等定时器回调执行play(); 【x】

ajax回调…【x】

trigger dom event 【x】

借用bridge API,如微信Weixin JSAPI的WeixinJSBridgeReady 【V】

监听touchstart事件,进行play【v】体验不好

分析:
所以猜测如果play限制JS引擎层:
1.判断是否是队列b,e中回调之类。。。
2.trigger的时候会执行队列b中相应回调,但是trigger方案无效,why?

暂时得出一个结论:
h5层没有操作能力,需借力于native

【2】video 白屏问题
问题描述:
播放会有长时间白屏情况

出现条件:
a: controls、loop、autoplay动态设置
b: ios11 iphone7

解决方案:
在mounted钩子中 video.load() ,正常了 why?

为什么用load?

load做了什么?内部运作?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89853.html

相关文章

  • 使用WebRTC搭建前端视频聊天室——入门篇

    摘要:在处于使用了设备的私有网络中的主机之间需要建立连接时需要使用穿越技术。目前已经有很多穿越技术,但没有一项是完美的,因为的行为是非标准化的。 什么是WebRTC? 众所周知,浏览器本身不支持相互之间直接建立信道进行通信,都是通过服务器进行中转。比如现在有两个客户端,甲和乙,他们俩想要通信,首先需要甲和服务器、乙和服务器之间建立信道。甲给乙发送消息时,甲先将消息发送到服务器上,服务器对甲...

    Carl 评论0 收藏0
  • 手机web中播放视频(使用js,不使用video标签,支持直播)

    摘要:主要原理是使用链接。是中解析视频,并把内容画在画布上。目前发现的不足无法播放声音,只能播放视频。视频文件只支持格式的视频目前版本支持视频格式,似乎是不支持了,官方建议用来转格式。 主要原理是使用 jsmpeg(Github链接) 。 jsmpeg是js中解析mpeg视频,并把内容画在画布上。 这篇文章是记录jsmpeg怎么用的。 目前发现jsmpeg的不足 无法播放声音,只能播放视...

    raise_yang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<