update docs

This commit is contained in:
Harvey Zack committed 2023-04-23 15:11:08 +08:00
1 parent 3f1e033152
commit 55ca351b60
119 files changed
+1882 -1882

No files matched your search

@@ -102,8 +102,25 @@ art.on('ready', () => {
art.url = '/assets/sample/video.mp4'
});
art.on('restart', () => {
console.info('restart');
art.on('restart', (url) => {
console.info('restart', url);
});
```
## `loop`
当出现区间循环时触发
<div className="run-code">▶ Run Code</div>
```js{6}
var art = new Artplayer({
container: '.artplayer-app',
url: '/assets/sample/video.mp4',
});
art.on('loop', (start, end) => {
console.info('loop', start, end);
});
```
@@ -179,27 +196,6 @@ art.on('destroy', () => {
});
```
## `url`
当视频地址变化时触发
<div className="run-code">▶ Run Code</div>
```js{10}
var art = new Artplayer({
container: '.artplayer-app',
url: '/assets/sample/video.mp4',
});
art.on('ready', () => {
art.url = '/assets/sample/video.mp4?t=0'
});
art.on('url', (url) => {
console.info('url', url);
});
```
## `focus`
当播放器获得焦点时触发
@@ -212,8 +208,8 @@ var art = new Artplayer({
url: '/assets/sample/video.mp4',
});
art.on('focus', () => {
console.info('focus');
art.on('focus', (event) => {
console.info('focus', event);
});
```
@@ -229,8 +225,8 @@ var art = new Artplayer({
url: '/assets/sample/video.mp4',
});
art.on('blur', () => {
console.info('blur');
art.on('blur', (event) => {
console.info('blur', event);
});
```
@@ -246,8 +242,8 @@ var art = new Artplayer({
url: '/assets/sample/video.mp4',
});
art.on('dblclick', () => {
console.info('dblclick');
art.on('dblclick', (event) => {
console.info('dblclick', event);
});
```
@@ -263,8 +259,8 @@ var art = new Artplayer({
url: '/assets/sample/video.mp4',
});
art.on('click', () => {
console.info('click');
art.on('click', (event) => {
console.info('click', event);
});
```
@@ -297,8 +293,8 @@ var art = new Artplayer({
url: '/assets/sample/video.mp4',
});
art.on('hover', (state) => {
console.info('hover', state);
art.on('hover', (state, event) => {
console.info('hover', state, event);
});
```
@@ -353,6 +349,24 @@ art.on('view', (state) => {
});
```
## `lock`
在移动端,当锁定的状态发生变化时触发
<div className="run-code">▶ Run Code</div>
```js{6}
var art = new Artplayer({
container: '.artplayer-app',
url: '/assets/sample/video.mp4',
lock: true,
});
art.on('lock', (state) => {
console.info('lock', state);
});
```
## `aspectRatio`
当播放器长宽比变化时触发