大咖直播-鸿蒙原生开发与智能提效实战!>>> 了解详情
写点什么

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:386662
用户头像

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

关注

评论

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

干货分享 | 一看就懂的电脑配置代理IP全流程

kookeey代理严选

代理商 住宅ip 海外IP 配置IP 跨境网络

Spring Boot 插件化开发模式,忒香了!

Geek_e3e86e

Java 编程

MCP客户端与服务端使用教程

测试人

软件测试

如何在预算确定的情况下发挥财务规划的最大价值?

智达方通

企业管理 全面预算管理

正品库拍照PWA应用的实现与性能优化|得物技术

得物技术

PWA

单卡推理吞吐2300Tokens/s,昇腾AI云服务正在改写算力法则

Alter

AI测试的准确率覆盖率稳定性

测试人

软件测试

假如你从7月开始准备Java面试,如何秋招拿下offer?

程序员高级码农

java 程序员‘

怎么修改网站域名的DNS服务器?

防火墙后吃泡面

国产IT运维监控系统标杆之选:Gartner推荐的嘉为蓝鲸全栈智能可观测中心——IBM Tivoli国产化替代实践

嘉为蓝鲸

AIOPS Gartner 智能运维 可观测 国产IT运维监控系统

抖音内容技术团队开源ContentV:有限算力下高效训练视频生成模型的新路径

字节跳动开源

开源 视频生成 ContentV

三角偶极子天线(下)---MIMO系统, 包络相关系数ECC和分集增益DG

思茂信息

cst仿真软件 CST软件 CST Studio Suite

CAD一键锁定坐标,图块批量插入快人N步!

在路上

cad 浩辰CAD CAD看图王

计算架构,行业AI竞争的下一个分水岭

极客天地

OmniGen2重磅升级,统一图像生成再进化

智源研究院

图像生成

AI 背单词 App 的技术架构

北京木奇移动技术有限公司

软件外包公司 AI英语学习 AI背单词

Alpha系统联结大数据、GPT两大功能,助力律所管理降本增效

科技汇

MyEMS能源管理系统后台配置-计量表管理

开源能源管理系统

开源 能源管理

VKProxy新增CORS设置和http响应缓存

八苦-瞿昙

Proxy csharp

MyEMS能源管理系统后台配置-数据源管理

开源能源管理系统

开源 能源管理

Taobao Agent Russia丨俄罗斯淘宝代购集运系统搭建指南

tbapi

淘宝代购系统 俄罗斯淘宝代购系统

MyEMS能源管理系统后台配置-传感器管理

开源能源管理系统

开源 能源管理

字节跳动 ByteBrain 开源 MySQL 虚拟索引 VIDEX:让 AI+DB 也能大规模落地

火山引擎开发者社区

字节跳动

Product Hunt 双料榜首,开发仅用 2 周:00 后创业者的 AI 智能体实践

火山引擎开发者社区

AI DeckSpeed

混合开发赋能快节奏业务增长:跨端生态构建与敏捷迭代实践

xuyinyin

商品中心—库存分桶的一致性改造文档

电子尖叫食人鱼

C# 数据库

这份指南教你如何打造一款 AI 陪伴虚拟角色

火山引擎开发者社区

AI 智能体

轻松上手|用 TRAE 搭建 AI 健身私教

火山引擎开发者社区

AI Trae

软件测试丨Playwright测试工程师必备技能总结

测试人

软件测试

时序数据库 TDengine × Node-RED:打造开箱即用的工业数据自动化流程

TDengine

tdengine 时序数据库 国产时序数据库 时序数据库tdengine

在AI时代,挖掘新需求比实现功能更具挑战性

qife122

开发者工具 需求分析

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