在我的 Nextjs (v.10) 项目中,react-player 用于播放 mp3 文件。我最近更新了该项目:
"next": "10",
"react": "^17.0.2",
"react-player": "^1.6.6",
在我的组件中,我使用这样的反应播放器:
<ReactPlayer
id='soundPlayer'
height='1px'
width='1px'
ref={this.ref}
playing={playing}
volume={1}
url={file}
onPlay={this.onPlay}
onPause={this.onPause}
onProgress={this.onProgress}
onDuration={this.onDuration}
playsinline={true}
file='forceAudio'/>
用户可以控制播放/暂停,如果文件已经播放完毕,则重新播放。这适用于除某些(我想,也许是所有)iPhone 之外的所有设备。
发生的情况是这样的:用户按下播放按钮,文件被播放,并且 onPause 回调不会触发,必须在完整读取文件后调用该回调,以便用户可以再次收听音频。以前,这是有效的,尽管根据文档,据我了解,如果文件完全播放,则应该调用 onEnded 。我做错了什么,最重要的是为什么问题只针对 iPhone?
我将非常感谢任何帮助。
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)