html5-audio 相关问题

在我的 React 代码中我有这个音频：在我的 React 代码中我有这个音频： <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} > 当用户点击其中一个控件，或者点击没有控件的空间时，我需要得到通知。我尝试添加一个 onClick 属性，但它从未被调用： <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} onClick={() => console.log('clicked!!!')} // clicks do NOT trigger this onClick > 我如何知道音频标签或其任何控件何时被单击？标签本身的 onClick 事件可能不会被触发，因为音频控件由浏览器管理，并且在某种程度上独立于元素运行。但是，（也许可以帮助）您可以使用包装元素来检测点击来捕获点击：将元素包裹在一个或另一个容器中将 onClick 事件附加到此包装器。容器内的任何点击（包括音频控件）都会触发该事件。 <div onClick={() => console.log('Audio clicked!')} style={{ display: 'flex', alignItems: 'center' }} > <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} /> </div>

javascript html reactjs click html5-audio

回答 1 投票 0

Webaudio - 记录并下载网络音频audioNode 的输出

我想记录我的音频上下文的输出，以便用户可以下载它。我一直在研究这如何可能。 stackoverflow 上有各种答案。对于e...

javascript html5-audio web-audio-api mediarecorder audiocontext

回答 1 投票 0

当以编程方式修改当前时间时，音频播放按钮会发出幻像第二次单击，从而阻止播放

当我暂停音频并将其设置为当前时间时，它会执行一些奇怪的操作。当我按下控制音频暂停状态的按钮时，它似乎会自动再次单击，从而防止 au...

javascript html onclick html5-audio

回答 1 投票 0

发生异常。 FlutterError（无法加载资源：“assets/assets/audio/ontheroad.mp3”。资源不存在或数据为空。）

为什么我有这个错误发生异常。 FlutterError（无法加载资源：“assets/assets/audio/ontheroad.mp3”。资源不存在或数据为空。）导入'包：

flutter flutter-dependencies html5-audio audio-player flutter-audioplayers

回答 1 投票 0

canPlayType 背后的基本原理是什么？

所以，我最近在 Twitter 上看到了对 canPlayType 的引用。基本上总结就是： canPlayType() 方法检查浏览器是否可以播放指定的音频/视频类型。 canPlayType() 方法...

javascript html html5-video html5-audio

回答 2 投票 0

Howler.js：如何从暂停位置恢复音频播放而不是从头开始？

我正在使用 Howler.js 在我的 Web 应用程序中播放音频文件。我有一个播放和暂停按钮，当我单击暂停按钮时，音频会正确暂停。然而，当我点击播放按钮时...

html5-audio playback howler.js

回答 1 投票 0

网络音频/广播流客户端：使用Howler.js、原生Audio、其他库？

我一直在构建一个用于实时流和静态文件（通过http的MP3）的网络广播播放器。我选择 Howler.js 作为后端来规范 HTML5 音频的怪癖（想想：自动播放、淡入/淡出、

javascript audio html5-audio audio-streaming howler.js

回答 2 投票 0

HTML：如何从 URL 中间文件开始声音播放，而不缓冲该点的所有声音数据

我在标准 apache 服务器上托管了一个很长的 mp3 文件（到目前为止已经有 30 分钟长，但我希望它也能处理更长的声音）。我想在特定时间开始播放此音频...

actionscript-3 html audio buffer html5-audio

回答 2 投票 0

HTML <audio> 带独立按钮的源代码下载

我这里有音频元素您的浏览器不支持音频

html css html5-audio

回答 1 投票 0

为什么：我的 JavaScript 函数不会触发从 HTML 加载的音频元素的错误，但会触发以编程方式添加的音频元素的错误

背景一直运作良好的东西我有一系列自动生成的 HTML 页面，其中可以包含 24 到 180 个（或更多）音频元素来加载单独的音频文件。呃...

javascript html html5-audio web-audio-api

回答 1 投票 0

在没有用户交互的情况下无法在浏览器中播放音频

我正在使用带有 HTML/JS 的 websockets 开发一款多人纸牌游戏，它涉及每个玩家轮流玩，我希望在轮到你时播放音频警报。函数播放音频（声音）{ ...

javascript audio html5-audio

回答 2 投票 0

HTML 音频控件 - 如何从默认音频播放器中删除 3 个点？

我使用了带有 CONTROLS 的 HTML AUDIO 标签来显示音轨。我已使用带有 CONTROLS 的 HTML AUDIO 标签来显示音轨。 <audio controls controlsList="nodownload"> <source src="horse.mp3" type="audio/mpeg"> </audio> 使用CSSaudio::-webkit-media-controls-我发现很多功能都可以修改。但是，我无法弄清楚如何禁用/隐藏播放器上的这 3 个点。 PS：这对于使用 CSS 禁用/设置控件样式很有帮助。然而，这是很多年前的答案，所以它不包括播放速度选项。可以设置html5音频标签的样式吗？添加此控件列表：noplaybackrate <audio id="myaudio" controls controlsList="nodownload noplaybackrate"> <source src="horse.mp3" type="audio/mpeg"> </audio> 我有一个问题，有人在我的歌曲上放入了 html，有些变成了文本编码，还有一些文档编码，我不知道它们是如何进入我的文件的，我只是真的想要回我的歌曲，请问我该如何摆脱这些代码帮助我

css html5-audio

回答 2 投票 0

如何使用Javascript在移动Safari和所有其他浏览器中录制音频？

我只想在所有浏览器、桌面浏览器以及移动（iOS/Android）浏览器中录制音频。我编写了一些可以在桌面 Chrome 浏览器中运行的 Javascript。但是什么...

javascript html5-audio

回答 2 投票 0

我的播放声音按钮循环不起作用

我有一些按钮，每次单击它们都会播放乐器声音。因此，开始理解这个过程，我创建了一个包含所有声音的数组，然后为...创建了一个新的 Audio ()

for-loop html5-audio

回答 1 投票 0

设置 HTML5 音频位置

如何跳转到 HTML5 Audio 元素中的特定时间偏移？他们说你可以简单地设置他们的 currentTime 属性（强调我的）： currentTime 属性在获取时必须返回当前时间...