html5-audio 相关问题

我正在尝试使用 HTML/JS 构建一个自定义视频播放器。我已经制作了两个按钮，可以使用标签加载上一个/下一个曲目。但是，我希望系统能够识别出这一点我正在尝试使用 HTML/JS 构建一个自定义视频播放器。我已经制作了两个按钮，可以使用 <button> 标签加载上一个/下一个曲目。但是，我希望系统认识到也有上一个/下一个曲目可用。也就是说，当我播放 Spotify 中的音乐或 YouTube 中的视频时，我的 Chrome 浏览器会在启用上一个/下一个按钮的情况下显示类似的内容。截图1 或者类似的内容出现在我的 Mac 状态栏上，再次启用上一个/下一个按钮。截图2 但是，当我使用 HTML 加载视频时，这些按钮会变灰并被禁用。我尝试在 <video> 标签内添加多个源，并使用 <ul>/<li> 标签制作播放列表，但没有成功。我什至不确定这是否与我的问题有关。我真的需要建立一个播放列表来实现我想要的吗？我想知道系统在什么情况下识别出有上一个/下一个曲目可用。您可以使用 Media Session API 来控制上一个/下一个曲目按钮：媒体会话 API 提供了一种自定义媒体通知的方法。它通过提供元数据供用户代理显示您的 Web 应用程序正在播放的媒体来实现此目的。它还提供了浏览器可用于访问平台媒体键的操作处理程序，例如键盘、耳机、遥控器上的硬件键以及通知区域和移动设备锁定屏幕上的软件键。因此，即使不查看网页，您也可以通过设备无缝控制网络提供的媒体。

javascript html html5-video html5-audio playlist

回答 1 投票 0

禁用 `audio` html 标签

我的项目中有一个 html 音频标签，在某些情况下我需要禁用它。为此，我通过向音频标签添加禁用类来应用以下 css：音频.禁用{ 指针-...

html css html5-audio

回答 1 投票 0

MP4 无法播放音频

我正在尝试制作一个全栈应用程序，其中后端创建一个 mp4 视频，然后将其发送到前端。但是，我的后端成功创建了具有正确音频的视频，并且我看到...

reactjs django-rest-framework html5-audio mp4

回答 1 投票 0

快速加载音频WaveSurfer和PeakJs

我有这样的实现，后端传输音频文件。我想要一种能够快速加载和播放音频文件的方法：一切都按预期工作，但似乎有...

reactjs blob vite html5-audio wavesurfer.js

回答 1 投票 0

如何在页面未处于活动状态时自动播放音频

有一个列表，其中我要播放的歌曲名称按顺序排列...当我必须播放下一首时，我的函数获取当前播放歌曲的索引，并播放下一首...

javascript html html5-audio

回答 1 投票 0

如何将每个音频流块转换为mp3或wav或webm？除了第一个块之外，所有块的音频都不会播放

我有一个用例，其中音频流的每个块都被发送到服务器进行转录，但除了第一个块之外，其他所有音频块（blob）都不起作用。所以我做了一个小原型来看看...

javascript html html5-audio getusermedia

回答 1 投票 0

R Shiny 应用程序中的 HTML5 音频播放器在设置 currentTime 时转到曲目开头

我使用 R闪亮创建了一个音频播放器，它创建了一个如下所示的音频播放器：标签$音频( src = "歌曲.mp3", 类型=“音频/mp3”，控制=“控制...

r shiny html5-audio audio-player response-headers

回答 1 投票 0

使用范围滑块调整音频标签的音量时出错

使用范围滑块调整标签的音量时，出现未捕获的 DOMException：索引或大小为负数或大于允许的量。我尝试使用这段代码：函数 ppayVolume(){ ...

javascript html html5-audio

回答 1 投票 0

如何知道何时单击 <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

html5-audio 相关问题

最新问题