https://github.com/u404/dashjs-mpd-loader

用于将mpd文件内容，转化为dash.js 支持的manifest对象。可以用来实现mpd文件的预加载。
https://github.com/u404/dashjs-mpd-loader

Last synced: 12 days ago
JSON representation

用于将mpd文件内容，转化为dash.js 支持的manifest对象。可以用来实现mpd文件的预加载。

• Host: GitHub
• URL: https://github.com/u404/dashjs-mpd-loader
• Owner: u404
• Created: 2020-12-31T02:45:15.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-31T07:34:34.000Z (almost 4 years ago)
• Last Synced: 2024-10-19T14:03:57.418Z (24 days ago)
• Language: JavaScript
• Size: 23.4 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-resources - dashjs-mpd-loader - 【视频 - 预加载研究】用于将mpd文件内容，转化为dash.js 支持的manifest对象。可以用来实现mpd文件的预加载。 (特殊项目 / 项目)

README

        
# dashjs-mpd-loader

> 用于将mpd文件内容，转化为dash.js 支持的manifest对象。可以用来实现mpd文件的预加载。

### 说明

将Manifest.mpd文件名转化为js对象，该对象可以直接用作dash.js player的src。从而可以在某些场景下，提前预加载mpd文件，在播放时直接使用而无需加载。

### 安装

umd打包，支持各种方式引入：

```

npm i dashjs-mpd-loader

```

### 使用

#### npm方式

安装

```

npm i dashjs-mpd-loader

```

加载页面

```

import mpdLoader from "dashjs-mpd-loader"

// 方式1：直接通过load方法加载远程mpd

mpdLoader.load(mpdSource).then(manifest => {

  // 保存manifest，在需要时使用

  // 

  window.videoManifest = manifest

})

// 方式2：通过ajax加载mpd内容，再转化为manifest对象

const mpdUrl = 'https://xxx.xxx.xxx/xxx/Manifest.mpd'  // 示例

const xhr = new XMLHttpRequest();

xhr.onload = () => {

  const baseUri = url.replace(/([^\/])+?$/, ''); // baseUri是要加载的视频分片的基础路径，一般是'https://xxx.xxx.xxx/xxx/'

  const manifest = mpdLoader.parse(xhr.responseText, baseUri);

  window.videoManifest = manifest

}

xhr.open(methods, url, true);

xhr.send();

```

```

// 在播放页面，在初始化player时使用

dashPlayer.initialize(videoElement, window.videoManifest)

// 或，在设置src时使用

dashPlayer.attachSource(window.videoManifest)

```

### browser方式

引入script

```

```

使用

```

// 方式1：直接通过load方法加载远程mpd

DashjsMpdLoader.load(mpdSource).then(manifest => {

  // 保存manifest，在需要时使用

  // 

  window.videoManifest = manifest

})

// 方式2：通过ajax加载mpd内容，再转化为manifest对象

const mpdUrl = 'https://xxx.xxx.xxx/xxx/Manifest.mpd'  // 示例

const xhr = new XMLHttpRequest();

xhr.onload = () => {

  const baseUri = url.replace(/([^\/])+?$/, ''); // baseUri是要加载的视频分片的基础路径，一般是'https://xxx.xxx.xxx/xxx/'

  const manifest = DashjsMpdLoader.parse(xhr.responseText, baseUri);

  window.videoManifest = manifest

}

xhr.open(methods, url, true);

xhr.send();

```