Hls quality (#409)

* update docs
This commit is contained in:
Harvey Zack authored and GitHub committed 2022-10-27 15:30:47 +08:00
1 parent 431a8642f6
commit 97c73c1115
82 files changed
+711 -171

No files matched your search

@@ -63,6 +63,13 @@ var art = new Artplayer({
hls.destroy();
}
// When the player is destroyed, the decoder instance must also be destroyed
art.on('destroy', () => {
if (hls) {
hls.destroy();
}
});
hls = new Hls();
hls.loadSource(url);
hls.attachMedia(video);
@@ -0,0 +1,41 @@
---
title: Hls Quality Plugin
sidebar_position: 4
---
## Overview
With this plugin, you can add the `Hls` video quality list to the control or the settings panel
## Demo
👉 [View Demo](https://artplayer.org/?libs=https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.min.js%0A./uncompiled/artplayer-plugin-hls-quality/index.js&example=hls.quality)
## Install
### Install from `npm`:
```bash
$ npm install artplayer-plugin-hls-quality
```
### Install from `yarn`:
```bash
$ yarn add artplayer-plugin-hls-quality
```
### Install from `script`:
```html
<!-- local -->
<script src="path/to/artplayer-plugin-hls-quality.js"></script>
<!-- jsdelivr -->
<script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-hls-quality/dist/artplayer-plugin-hls-quality.js"></script>
<!-- unpkg -->
<script src="https://unpkg.com/artplayer-plugin-hls-quality/dist/artplayer-plugin-hls-quality.js"></script>
```
Then you can access the plugin function through `window.artplayerPluginHlsQuality`
@@ -5,7 +5,7 @@ sidebar_position: 3
## Overview
With this plug-in, you can easily control the player in the `iframe` page in the `main page`.
With this plugin, you can easily control the player in the `iframe` page in the `main page`.
For example, you can control the functions of the `iframe` player through code in the `main page`, or get the value of the `iframe` player.