【AICon】AI 基础设施、LLM运维、大模型训练与推理,一场会议,全方位涵盖! >>> 了解详情
写点什么

YouTube 转用 HTML5 视频播放器

  • 2015-02-01
  • 本文字数:1047 字

    阅读完需:约 3 分钟

YouTube 在 2010 年 1 月启动了实验性的 HTML5 视频播放器。在经过五年与其他浏览器供应商和社区的合作以后,该公司宣布废弃原有的 Adobe Flash 视频播放器,将 HTML5 视频作为某些特定浏览器的默认播放方式。

在一篇博文中,YouTube 工程经理 Richard Leider 表示自适应比特率(ABR)技术的支持是他们作出这一决定的关键因素:

自适应比特率(ABR)流是为观看视频的用户提供高质量视频体验的关键。它让我们在面对不断变化的网络条件时,可以快速无缝地调整分辨率和比特率。

有争议的 ABR 是基于 HTTP 的动态自适应流,也就是 MPEG-DASH。据微软开放技术的 Ross Gardler 所说,MPEG-DASH降低了缓冲的需求

利用 MPEG-DASH,当出现网络拥塞时,视频流会降低到一个较低的清晰度。当播放器下载接下来几秒将要播放的画面(也就是缓冲)时,这降低了让视频观看者看到一个“暂停”的视频的可能性。当网络拥塞减少时,视频播放器将随之恢复到一个较高质量的播放流。

Leider 声称,实际上“总体来说 ABR 降低缓冲的水平已经超过 50%,在拥塞严重的网络情况下,最多能降低 80%。在 2014 年的一次采访中,Leider 谈到“YouTube 的重放功能在电视、游戏机、机顶盒、Chromecast、桌面浏览器、移动网络 [和] 移动手持设备上都使用了 DASH 技术。”

只有支持 W3C 媒体源扩展(MSE)的浏览器才能使用 MPEG-DASH 重放,这就是为什么 YouTube HTML5 播放器转换仅限于 Chrome,IE 11,Safari 8 和 Firefox 的一些 Beta 版本。据 MSE 规格说明书记载,MSE“允许 JavaScript 动态创建【视频】和【音频】多媒体流,它定义了可以让 JavaScript 传递多媒体片段的对象。”通过 dash.js 的参考实现,Web 开发者可以自行创建启用 DASH 的视频播放器。

其他的视频提供商在 HTML5 支持方面各自处于不同的阶段。Vimeo 在 2014 年 1 月转换至默认HTML5 播放器而Netflix 则在IE11 和Yosemite 上的Safari 中采用HTML5 视频播放器。其他的提供商,如BBC,则仅在不能使用Flash 的平台,如苹果的iOS 平台,实现了HTML5 视频

目前为止,只要浏览器支持,YouTube 都会让用户选择使用HTML5 播放器。现在,用户使用兼容的浏览器访问该页面时,都会看到“在可能的情况下,会使用HTML5 播放器。”这一变化会大幅减少基于Flash 的播放器的使用时间,让Flash 变得越来越无关紧要。

YouTube 推荐开发者在内嵌视频时使用

2015-02-01 23:385905
用户头像

发布了 75 篇内容, 共 62.0 次阅读, 收获喜欢 6 次。

关注

评论

发布
暂无评论
发现更多内容

数字化智慧园区

科技云未来

九章云极DataCanvas公司携因果学习开源重器登录WAIC!

九章云极DataCanvas

人工智能

华为云智能监管

科技云未来

面试中的Spring,我们该怎么去回答

TimeFriends

8月月更

Spring @Autowired 注解静态变量

HoneyMoose

关键软件密码应用研讨会|海泰方圆国产浏览器密码应用分析研究

电子信息发烧客

8月书讯 | 10 本新书上市,本本精选

图灵教育

让数据成为企业核心生产力

IT资讯搬运工

K8s 长什么样子,一文道清它的整体架构

网管

架构 k8s 后端

AI模型集成到业务系统的方式演化

felix

tensorflow serving 模型开发 工程

Solana流支付协议Zebec又完成一笔850万美元融资

鳄鱼视界

Python 教程之数据分析(2)—— 探索性数据分析

海拥(haiyong.site)

Python 8月月更

低代码实现探索(四十九)重新梳理前端

零道云-混合式低代码平台

南洋迪克“整装”起飞,数夫系统打通端到端高效服务流程

神奇视野

豆瓣 TOP3 的 Python 书,千万别错过

图灵社区

闲谈游戏项目管理——篇一:稳定生产的流程管理

南方

项目管理 游戏

权限认证与授权三问三答

浅羽技术

框架 CSRF 认证授权 权限验证 8月月更

头脑风暴:翻转数位

HelloWorld杰少

算法 LeetCode 8月月更

全卫定制龙头企业-伽蓝集团数字化转型之路

神奇视野

INFINI 产品更新啦 20220826

极限实验室

elasticsearch console Gateway agent INFINI Labs

[JS入门到进阶] 7条关于 async await 的使用口诀,新学 async await?背10遍,以后要考!快收藏

HullQin

CSS JavaScript html 前端 8月月更

C/CPP基础练习题(二)简单循环(2 + 22 + 222…;斐波那契数列)

CtrlX

c c++ 8月月更

每日一 R「17」类型系统进阶(一)

Samson

学习笔记 8月月更 ​Rust

中台 vs 平台

agnostic

中台

Python自学教程8-数据类型有哪些注意事项

和牛

8月月更 python数据类型

rocksdb无法alter的解决方案

趁早

Spring @Autowired 注解静态变量

HoneyMoose

数夫携手图森,打造高整木定制数字化标杆

神奇视野

(WebFlux)003、多数据源R2dbc事务失效分析

编号94530

spring 事务 spring-data-r2dbc 多数据源 SpringWebflux

leetcode 647. Palindromic Substrings回文子串(中等)

okokabcd

LeetCode 算法与数据结构

Spring 最常用的几个注解

HoneyMoose

YouTube转用HTML5视频播放器_JavaScript_David Iffland_InfoQ精选文章