html - 音频标签不适用于 React.js

标签 html css reactjs

我正在我的系统上使用“Create React App”开发单页 React 应用程序。我正在尝试合并一个已呈现的音频标签,但只能看到禁用的“播放”按钮,而看不到其余控件。任何人都可以指出我可能错在哪里吗?(我在 WAMP 服务器上尝试了相同的代码,它工作正常)(我使用 chrome 作为我的浏览器)

<audio controls id="beep" >
              
              <source src="./mysound.mp3" type="audio/mp3" />
               Your browser does not support the audio tag.
</audio>

最佳答案

好吧,我想通了,最后证明它非常简单(首先我很傻)。我需要做两件事:-

  1. 在我的 React 代码顶部添加“从 './mysound.mp3' 导入声音”。

  2. 将“src='./mysound.mp3”更改为“src={sound}”

感谢那些回复的人。您的回答将我推向了正确的方向。 :)

关于html - 音频标签不适用于 React.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42490977/

相关文章:

java - 使用 JQuery 在 Javascript 中解析外部 JSON 文件(包含数组元素)

javascript - 正文背景图片可点击

html - CSS:真正的 1 像素线?

javascript - 移动突出显示在一页上有效,但在另一页上无效

javascript - 通过 react-router 传递参数

javascript - 在从 MysQL 数据库填充的 textarea 字段中嵌入 <br> 标签?

html - CSS - 表格 - TH 悬停设置 TD 可见性

具有循环内容的 CSS 单页导航菜单

javascript - ReactJS 内联样式对象中的多个属性?

javascript - 未捕获的语法错误 : embedded: JSX value should be either an expression or a quoted JSX text (8:26)