【javascript-在React中管理多个音频源】教程文章相关的互联网学习教程文章

javascript-在React中管理多个音频源【代码】

我有一个React组件,当您单击按钮时可以播放/暂停音频.效果很好,我一次在页面上渲染了其中的5个.但是,如果您单击一个播放,然后单击另一个播放,则两个音频都在播放,这不是很好.这是我的组件代码:import React from 'react'; import playIcon from './images/play.png'; import pauseIcon from './images/pause.png'; class Music extends React.Component {constructor(props) {super(props);this.state = { 'play': false };this.u...

javascript – (React js)音频src正在setState上更新,但音频播放不会改变【代码】

我正在尝试使用React构建一个迷你双轨音频播放器.音频由html音频元素集中控制,音频元素在子组件内部具有音轨列表.可以看到(尚未成型)球员here. 我可以在React开发工具中看出,点击单个音轨选择按钮会更新音频元素的src(感谢此处成员的帮助),但播放音频不会改变.我已经发布了下面的应用程序代码. 是否可以通过这种方式更新状态来改变播放音频?非常感谢帮助.var TRACKLIST = [{id: 1,name: "song a",source: "./audio/test.m4a"},{id...