react-jinke-music-player 自动播放
时间: 2024-01-12 15:03:04 浏览: 67
自动音乐播放器
5星 · 资源好评率100%
要实现 `react-jinke-music-player` 自动播放,需要在 `audioLists` 中设置 `autoPlay` 属性为 `true`。例如:
```
<AudioPlayer
audioLists={[
{
name: 'Audio Name',
singer: 'Singer Name',
musicSrc: 'http://xxx.mp3',
autoPlay: true, // 自动播放
}
]}
mode="full"
/>
```
另外,为了避免浏览器的自动播放策略限制,可以在用户与页面有交互时再触发自动播放,可参考以下代码:
```
import React, { useState } from 'react';
import AudioPlayer from 'react-jinke-music-player';
const App = () => {
const [play, setPlay] = useState(false);
const handlePlay = () => {
setPlay(true);
};
return (
<div onClick={handlePlay}>
<AudioPlayer
audioLists={[
{
name: 'Audio Name',
singer: 'Singer Name',
musicSrc: 'http://xxx.mp3',
autoPlay: play,
}
]}
mode="full"
/>
</div>
);
};
export default App;
```
阅读全文