网站和平台正变得越来越丰富的媒体。今天，大约62%的互联网流量是由图像组成的，其中音频和视频在字节。该网络的普遍存在使得向世界各地的用户分发具有吸引力的媒体体验成为可能。互联网消费者和供应商的生态系统已经精心设计了API，使开发人员能够利用这些API电源。思科据报道，目前全球互联网流量的70%是视频，到2020年将增至80%。这太大了！此外，考虑到目前媒体消费的轨迹，估计下一个十亿用户可能都是移动用户。这些新用户在各个方面都将是多样化的：他们的位置、文化体验、计算机专业水平、连接性以及他们消费媒体内容的设备类型。尽管有关于下一代用户的事实，移动网络仍有很多工作要做。让我们来看看这些api，以及在web上音频和视频方面的未来。网络研讨会首先，数据呈现，回顾一下移动网络是如何在互联网泡沫中超时运行的。到目前为止，它并没有在音频和视频创新中起到很大的作用。为什么？移动网络面临着许多挑战：缓冲：Flash在web诞生之初就很流行，当时甚至不考虑移动性。在大多数情况下，服务器上都有大量的音频和视频文件。当用户试图通过移动网络访问这些文件时，下载需要很长时间，因此用户无休止地等待这些文件在他们的设备上播放。最终，个人和公司开始向移动用户提供小尺寸的视频文件。没有缓冲，但视频质量很差。糟糕的布局：从布局上讲，通过手机传送视频内容是很糟糕的。事实上，有许多网站还没有找到向移动用户提供视频内容的最佳方式。大多数情况下，你仍然需要滚动移动网页的最左边或右边。有时，视频屏幕的一部分会被切断，除非你在用IPhone。没有脱机功能：用户听音频或观看视频时没有脱机体验。如果没有互联网连接，视频/音频将停止播放。在许多地区，低端设备很常见，而且互联网连接非常不可靠。事实上，发展中国家的许多用户仍然很难购买数据。但是移动网络在离线时没有缓存和服务内容的能力。未来的开端在过去的十年中，音频和视频的创新步伐已经加快，云服务器服务器，国家大数据，移动网络现在提供了更好的用户体验。为了确保获得出色的视频体验，它必须提供：快速播放随时随地观看视频出色的用户界面高质量视频播放因此，让我们好好看看今天有什么可以为下一个十亿用户提供出色的视频体验。众所周知，如果你的视频缓冲区，你会失去观众。当你的视频播放速度不够快时也是一样。因此，为了取悦观众，你需要能够快速传送视频。确保快速播放的一种方法是使用自适应比特率流技术。这种技术使视频可以更快地开始，减少缓冲中断。创建具有不同分辨率、质量和比特率的多个视频流，并且在回放期间，视频播放器响应于终端用户的互联网连接来确定和选择最佳流。视频播放器会自动在变体（也称为流）之间切换，以适应不断变化的网络联系。今天，产业大数据，我们有Cloudinary这样的服务，它通过HLS和Mpeg dash提供即插即用自适应比特率流，以实现快速视频播放。而且Cloudinary支持许多可以应用于视频的转换，并以最小的代价交付给用户努力。在另外，视频的启动时间非常重要。一个很好的技术可以用来提供视频而很少或没有延迟启动时间是预先与服务人员视频。通过服务工人，在用户开始与视频交互之前，您可以在页面加载时预缓存所有视频。Cloudinary还通过快速内容交付网络（CDN）交付视频，CDN提供了高级缓存技术，可将缓存从开发人员。能力在任何地方观看视频，用户应该能够离线观看视频或收听音频。同样，通过服务工人，您可以控制用户应该下载的视频或音频文件版本的逻辑。可以创建一个简单的"保存以供脱机观看/收听"按钮，一旦用户单击该按钮，服务人员将缓存该视频，并在没有连接时使其可用。另一个可以与服务工作者一起使用的工具是后台获取。默认情况下，当用户离开某个站点或关闭浏览器时，服务人员会被杀死。使用后台获取，当用户导航离开时，可以在后台启用下载。图1图2视频压缩想象一下，在保持相同质量的同时，可以将视频文件的大小减少40%。今天，我们有了VP9，WebM项目的下一代开源视频编解码器。VP9提供：压缩效率提高15%支持超过20亿台设备更高质量的视频谷歌的VP9编解码器在被公众普遍采用之前主要在YouTube上使用。这种压缩技术为YouTube带来了巨大的收益，与其他编解码器相比，使用VP9的视频启动速度快15%到18%，缓冲区减少了50%。对VP9视频编解码器的本地支持已经存在于媒体设备、笔记本电脑和浏览器中。另一个值得一提的编解码器是HEVC（高效视频编码），也称为H.265。它是AVC（高级视频编码）的继承者。它提供非常好的压缩优势，同时保持质量。而且它是处理器密集型的。许可费是HEVC采用率低的主要原因之一网络用户今天，我们有机会为我们的用户提供更好的体验。其中一种体验是使用户能够从设备的锁屏或"通知"选项卡收听/控制音频或视频播放列表。怎么可能？通过媒体会话API。媒体会话API使您能够通过为web应用正在播放的媒体提供元数据来自定义媒体通知。它还允许您处理与媒体相关的事件，返利购，如查找或跟踪更改，这些事件可能来自通知或媒体密钥。资料来源：开发者.google.comset媒体会话复制到剪贴板函数setMediaSession（）{如果（！（navigator中的"mediaSession"）{返回；}让track=播放列表[索引]；navigator.mediaSession.metadata=新媒体元数据({标题：曲目标题,艺术家：曲目.艺术家,艺术品：轨道艺术作品});navigator.mediaSession.setActionHandler（"previoustrack"，playPreviousVideo）；navigator.mediaSession.setActionHandler（'nexttrack'，播放nextvideo）；navigator.mediaSession.setActionHandler（"seekbackward"，seekbackward）；navigator.mediaSession.setActionHandler（"seekforward"，参见kforward）；}无媒体会话带媒体会话资料来源：developers.google.com其他改善用户体验的核心部分是自动全屏模式功能。当用户将手机方向更改为横向时，视频播放器应自动采用全屏模式。这个功能是通过[Screen Orientation API}实现的(https://developer.mozilla.org/en/docs/Web/API/Screen/orientation)。复制到剪贴板变量方向=屏幕方向|| screen.moz方向|| 屏幕.msOrientation;定向.addEventListener（"更改"，（）=>{如果(方向.type.startWith（"景观"）{showFullScreenVideo（）；}否则如果(文档.fullScreenElement) {文档.exitFullscreen();}});未来我们探索了各种可用选项，为当今世界的用户提供增强的媒体体验。让我们快速了解一下未来我们能期待什么，以及如何做好准备那是彩色的是一套新的标准，旨在增强我们设备上的颜色显示-从电话到电视到显示器等等。你可能没有意识到你的显示屏不能正确地再现你用眼睛看到的所有颜色。2020年前后的新视频标准极大地扩展了这些标准颜色。宽一点亮度范围今天的标准显示器有一些挑战。它们没有足够的亮度和亮度。从本质上讲，黑人并不是真的那么黑，亮的也不是那么亮。但是，一组新的功能，用于将亮度的数字值转换为屏幕上实际显示的内容地平线。那个了解哪些设备可以支持高动态范围（HDR）是关键。目前，使用Chrome可以做到这一点金丝雀。收到到剪贴板变量canPlay=支持MediaSource.isTypeSupported（VP9.0.0.1）；由YouTube、谷歌、亚马逊、微软、Twitch、Mozilla、Hulu、Netflix和BBC组成的联盟媒体集团正在开发一种新的开源压缩格式，目标是HDR、宽色域、m4k和360视频，同时也为数十亿网速慢的人提供最苛刻的低比特率解决方案连接。这个新格式是AV1编解码器。但到目前为止，编解码器的发展仍有重大进展。其中一个值得注意的迹象是，AV1编解码器已经实现了比VP9好20%的压缩效果。对于VP9，支持确定设备是否支持编解码器，以及是否有必要的硬件来呈现帧和有效地使用电源。看看这个输出：复制到剪贴板if（navigator中的"媒体功能"）{//获取6种媒体功能