mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-26 08:51:20 -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.
|
||||
|
||||
|
||||
Reference in new issue
Block a user