返回

MSE(Media Source Extensions) 上手指南

前端

对于我们程序员来说,一直以为只要给个视频源就能直接解析下载下来的的视频,但是不知道从何时起,各大主流网站的视频地址不再是我们想下载就能下载的mp4视频地址。而是一个形如blob:/的不知名地址,如:blob:https://www.bilibili.com/4962c541-5db4-4745-8a32-6b71c87584be

如果你想知道这是啥, 那这一定就是 的功劳了。

那么今天我们就来系统地学习一下 (以下简称为 MSE) ,了解一下在浏览器中播放视频都有哪些新的花样。

MSE 是一个 JavaScript API,它允许 Web 应用程序在播放视频时动态地创建和附加源。这使得可以在应用程序运行时切换视频源,或在视频播放过程中添加字幕或音轨。

MSE 是 HTML5 的一部分,自 2012 年以来一直得到所有主要浏览器的支持。它也是各种媒体播放器的基础,包括 YouTube、Netflix 和 Hulu。

MSE 允许应用程序使用 JavaScript 创建一个媒体源对象。媒体源对象表示一个包含视频、音频和文本轨道的多媒体资源。

一旦创建了媒体源对象,应用程序就可以使用它来附加源。源可以是任何类型的媒体文件,包括 MP4、WebM 和 FLV。

当应用程序附加源时,MSE 会开始缓冲数据。一旦缓冲了足够的数据,视频就可以开始播放。

MSE 还允许应用程序在视频播放过程中切换源。这对于流媒体应用程序非常有用,因为它允许应用程序在不中断播放的情况下切换到不同的比特率或语言轨道。

MSE 的优点包括:

  • 允许应用程序在播放视频时动态地创建和附加源。
  • 允许应用程序在视频播放过程中切换源。
  • 允许应用程序添加字幕或音轨。
  • 它是 HTML5 的一部分,并得到所有主要浏览器的支持。

MSE 的缺点包括:

  • 它可能比其他视频播放技术更复杂。
  • 它可能对某些类型的媒体文件不兼容。
  • 它可能对某些类型的浏览器不兼容。

MSE 被用于各种媒体播放器,包括 YouTube、Netflix 和 Hulu。它还被用于各种流媒体应用程序,包括 Twitch 和 DAZN。

MSE 是一种强大的技术,它使浏览器能够播放各种类型的媒体文件。随着时间的推移,MSE 将继续发展,并增加新的功能和特性。