即将发布的Firefox和Chromium版本可能会做出重大更改。
首先,在用于桌面的Firefox 66中,默认情况下会阻止所有页面上的视频和声音的自动播放。 Mozilla Hacks博客会
提前警告开发人员。 仅通过
HTMLMediaElement
API以及仅在
用户与页面进行交互 (鼠标单击,按钮单击或触摸屏触摸)之后,才允许播放视频和声音。
在Chromium中,可能会发生更有趣的变化。
同时,允许自动播放带有低沉声音的视频。 对于此类内容,您需要将
HTMLMediaElement
的“ muted”属性设置为true。 屏幕快照显示用户可以手动关闭各个站点的声音阻止。
在Android版Firefox中,新的实现将取代现有的自动播放阻止机制。
从技术上讲,Firefox阻止了
HTMLMediaElement.play()
的
play()
调用,并返回
NotAllowedError
错误。 具有相似功能的所有浏览器都执行相同的操作。 因此,Web开发人员不应假定对
play()
的调用将始终成功。 为避免阻塞,建议使用两个选项。 首先:与事件处理程序一起开始播放内容,例如,桌面上的
KeyboardEvent或Android的
touchend 。 第二:开始无声音自动播放(默认情况下已启用),并向用户显示打开声音的按钮。
Firefox 66的最终版本计划于
2019年
3月19日发布,因此开发人员有时间做准备。
Mozilla目前正在致力于自动阻止
Web音频内容:承诺到2019年底。
网页预算
铬的变化仍在讨论中。 并不是相应的提交将包含在主分支中的事实。 但是这个想法很有趣。
在2019年2月4日,开发人员之一Alex Russell引入了
1265506 commit(“从不慢模式”) 。 他建议向浏览器引入其他模式
--enable-features=NeverSlowMode
,这将
限制每个网页的预算 ,从而保证快速加载。
亚历克斯·罗素(Alex Russell)是Chrome,Blink和Google的网络平台的领先开发商之一,其文章“你能负担得起吗? “现实世界中网络生产力的预算”,其
翻译版本已发布在Habré上。
Alex Russell的文章中的插图建议的预算:- 一张图片的大小:1 MB
- 所有图片的容量:2 MB
- 一个CSS样式表:100KB
- 所有CSS样式表:200 KB
- 最大脚本大小:50 KB
当然,用户将随意包含此功能。 例如,如果您通过较慢的Internet连接,在较弱的设备(过时的计算机)等上工作,则预算限制可确保快速加载且不会造成刹车,但同时会增加页面无法加载到最后的可能性。
显然,应该定期检查预算,重点是页面加载时间。
肥胖部位
页面预算是一个好主意。 许多用户和专家指出,多年来,尽管计算机性能显着提高,但是程序和Web应用程序根本没有变得更快。
由于某种原因,应用程序请求的增长速度快于硬件性能。 结果,
软件每年
都会变慢 ,
网站也 越来越 胖 。
趋势是软件根本不会变得更快,功能更多。 我们得到了更快的设备,具有相同功能的软件在切换之前比以前更慢。 一切工作都比最大速度慢得多。 有没有想过为什么您的手机会从30秒启动到60秒? 为什么它不能在一秒钟内启动? 没有物理限制。 我个人想这样。 我希望开发人员能够达到极限,并尽一切努力来提高性能。 -来自“我对软件的失望”一文
如果其他Chromium开发人员同意Russell的承诺,那么网页预算也许可以帮助解决该问题。
