onAudioSeeked
时间: 2023-09-20 16:12:35 浏览: 131
alexnet模型-通过CNN卷积神经网络的动漫角色识别-不含数据集图片-含逐行注释和说明文档.zip
onAudioSeeked 是 react-jinke-music-player 组件提供的一个事件属性,用于在音频跳转操作完成后触发。该属性接收一个函数作为参数,该函数会在音频跳转操作完成后被调用。示例如下:
```jsx
import React, { Component } from 'react';
import ReactJkMusicPlayer from 'react-jinke-music-player';
import 'react-jinke-music-player/assets/index.css';
class App extends Component {
handleAudioSeeked = (currentTime) => {
console.log(`跳转到了 ${currentTime}s`);
}
render() {
const musicList = [{
name: 'Despacito',
singer: 'Luis Fonsi',
musicSrc: 'http://www.hochmuth.com/mp3/Haydn_Cello_Concerto_D-1.mp3',
cover: 'http://res.cloudinary.com/alick/image/upload/v1502689731/Despacito_uvolhp.jpg',
}];
return (
<ReactJkMusicPlayer
audioLists={musicList}
onAudioSeeked={this.handleAudioSeeked}
/>
);
}
}
export default App;
```
在上面的示例中,我们创建了一个名为 handleAudioSeeked 的方法,该方法会在音频跳转操作完成后被调用,它会将跳转后的当前播放时间打印到控制台中。然后,我们将该方法传递给 ReactJkMusicPlayer 组件的 onAudioSeeked 属性中,以便在音频跳转操作完成后触发该方法。
需要注意的是,onAudioSeeked 事件只有在音频跳转操作完成后才会触发,因此如果需要在跳转时立即获取当前播放位置,可以使用 onAudioSeeking 事件。
阅读全文