html5-audio 相关问题

audio元素用于将声音内容嵌入HTML或XHTML文档中。音频元素是HTML5的一部分。

当添加到 THREE.AudioListener 对象的函数与创建它的位置不同时，音频无法在 Safari 中播放

我目前正在开发 Three.JS 项目，该项目涉及将新音频添加到 THREE.AudioListener 对象并在单击鼠标后播放它。我意识到这个新音频只能在 Safari 上播放...

three.js html5-audio

回答 1 投票 0

当我使用 fetch api 检索链接时，如何从数据库流式传输音频并在手机上播放？

我目前的 html 中有以下内容我的 html 中有以下内容 <audio id="result-audio"></audio> <button onclick = "playBack()"><i class="fas fa-volume-up"></i></button> 在我的javascript中我有以下内容 fetch(`${url}`) .then((response) => { return response.json(); }).then((data) => { document.getElementById("result-audio").setAttribute("src", `${data['File']}`); }) function playBack(){ sound.play(); } 其中 url 转到数据库并检索插入到音频元素源中的音频文件的链接。检索链接工作正常，单击按钮，文件在笔记本电脑上可以正常播放，但在任何手机上都无法播放。我怎样才能最好地解决它无法在手机上播放的问题，或者我需要采取其他方法？编辑我不想制作音频播放器。我正在寻找例如当您在谷歌上搜索某个单词的含义时获得的音频，其中它发音该单词。如果您想在桌面和移动设备上播放音频，您应该确保您使用的音频格式与各种浏览器和设备兼容。您还可以使用 HTML5 音频元素的控件属性来提供内置音频播放器界面，以便在桌面和移动设备上更轻松地播放。以下是修改代码的方法：确保您的音频文件采用广泛支持的格式，例如 MP3。修改 HTML 以包含音频元素的控件属性： <audio id="result-audio" controls></audio> <button onclick="playBack()"><i class="fas fa-volume-up"></i></button> function playBack() { const audioElement = document.getElementById("result-audio"); if (audioElement.paused) { audioElement.play(); } else { audioElement.pause(); } } // Use the 'loadedmetadata' event to start playing once the audio is loaded fetch(`${url}`) .then((response) => { return response.json(); }) .then((data) => { const audioElement = document.getElementById("result-audio"); audioElement.setAttribute("src", `${data['File']}`); audioElement.addEventListener("loadedmetadata", function () { playBack(); // Start playing once audio is loaded }); });

javascript fetch-api html5-audio

回答 1 投票 0

Actix Web 流媒体与 reqwest：持续时间未发送

我遇到的问题是 Actix Web 流代理的示例无法按预期工作。您可以在下面找到我的代码。我想要实现的目标：从我的后端从另一台服务器流式传输 mp3...

rust html5-audio actix-web reqwest

回答 1 投票 0

有没有办法在音频或视频控件到达指定停止点时触发事件？ [重复]

我有一个像这样实现的 HTML 音频元素： &...

javascript html5-video html5-audio

回答 1 投票 0

如何暂停音频和播放点击的音频

我正在创建一个音乐播放器，我无法解决这个问题，当单击一张专辑时我可以播放音频，但当单击其他专辑时两首歌同时播放，我需要暂停

javascript jquery json html5-audio

回答 1 投票 0

如何使用 HTML5 和 Javascript 检测用户何时对着麦克风说话以及何时不说话？

我正在开发一个网络应用程序，我需要向用户展示可用麦克风的列表，以便他们可以选择自己喜欢的麦克风并进行测试（就像 google meet 如何允许测试一样...

javascript html5-audio web-audio-api

回答 1 投票 0

在 Google Chrome 中，当尝试设置音频 currentTime 时，它总是重置为 0

我正在 Vue 上制作一个简单的音频播放器。我注意到在 Google Chrome 中，当尝试为某些曲目设置 currentTime 时，它总是重置为 0。在 Firefox 中则没有这样的问题......

javascript vue.js vuejs3 html5-audio

回答 1 投票 0

从 Chrome 录制的音频无法在 Safari 上播放

我正在使用 React Js 构建一个应用程序，它可以录制用户的音频，将文件或 blob 上传到云存储，并从文件 URL 播放录制的音频。问题是当音频被重新录制时...

javascript reactjs google-chrome safari html5-audio

回答 4 投票 0

在我的应用中播放本地音频文件，无需使用输入类型文件

我正在创建一个电子应用程序，想要播放本地音频文件（来自计算机而不是我的项目目录）而不使用输入类型文件。我尝试过创建新音频实例的传统方法...

javascript audio electron html5-audio

回答 3 投票 0

在 JavaScript/Angular 中反转音频

`我想要一个功能，如果我按下倒带按钮，我应该能听到快倒中的音频，就像我们在快进模式下听到音频一样。我有一个 AudioBuffer，我正在反转它，但是当...

javascript audio buffer html5-audio web-audio-api

回答 1 投票 0

当特定单元格更改值谷歌表格时播放声音

我正在尝试运行这篇文章的代码： Google 脚本：当特定单元格更改值时播放声音在罗布·布莱克莫尔的推荐下有人可以递给我一张正在使用的表格吗...

javascript html google-apps-script google-sheets html5-audio

回答 2 投票 0

Chromecast 上的 Html5 音频 - SSL

在 Chromecast 上使用 Html5 音频元素，源指向我的 Subsonic 音乐服务器实例。您可以将音乐服务器设置为通过 http 或 https 提供服务。如果是 https，则音频

ssl html5-audio chromecast subsonic google-cast

回答 2 投票 0

如何使用Javascript将MPEG音频和视频合并到MP4中？

我正在尝试将音频与视频结合起来并将最终文件下载为视频。我怎样才能做到这一点？我尝试了以下方法并抛出错误异步函数 mergeVideo(视频, 音频) { ...

javascript ffmpeg html5-video html5-audio

回答 1 投票 0

angular2 html 5 音频播放器 ontimeupdate 事件

我有一个简单的角度应用程序，集成了音频播放器。我有一个简单的角度应用程序，集成了音频播放器。 <audio id="passage-audio" class="passage" controls ontimeupdate="document.getElementById('tracktime').value = this.currentTime ;"> <source src="Luke.2.1-Luke.2.20.mp3" type="audio/mp3"> <em class="error"><strong>Error:</strong> Your browser doesn't appear to support HTML5 Audio.</em> </audio> 音频播放器有一个名为“ontimeupdate”的事件，这将更新 id 为“tracktime”的 html 元素中的时间。这很好用。我想做的是使用“ontimeupdate”来调用控制器中的函数。现在它无法访问该类。 <audio id="passage-audio" class="passage" controls (ontimeupdate)="updateTime()">... </audio> 我有办法做到这一点吗？如果我编写音频指令我能够访问此事件吗？谢谢尝试<audio ... (timeupdate)="updateTime()"> 不确定你想要什么，但如果是在每次更新时更新你的角度应用程序，你可以通过调用 $scope.$apply() 并传递 $scope 函数来完成此操作。这对我来说效果很好 function onChangeAudio(event) { var duration = event.srcElement.duration; alert("call") } <audio controls class="w-100" id="audio" (timeupdate)="onChangeAudio($event)"> <source src="..." type="audio/ogg"> <source src="..... " type="audio/mpeg"> Your browser does not support the audio element. </audio>

javascript html audio angular html5-audio

回答 3 投票 0

图像和声音无法通过本地正确加载在 Github 上正确加载

我创建了一个游戏，可以在本地机器上正确运行，也可以在本地主机上正确运行，但是当我将代码上传到Github时，我添加的声音无法播放，并且我使用的图像是

javascript image github github-pages html5-audio

回答 0 投票 0

自动播放在音频元素中不起作用

我尝试使用 Source 标签和音频标签在音频元素中使用自动播放属性，如下面的代码所示我尝试使用 Source 标签和音频标签在音频元素中使用自动播放属性，如下面的代码 <html> <head> <meta charset="UTF-8"> <title>Book Store</title> <meta name="description" content="This is Our Book Store"> </head> <body> <div> <h1>Book Store</h1> <p>This Is My Book Store, Welcome</p> </div> <audio autoplay controls> <source src="media/Download Free Waves Sound Effects.mp3" type="audio/mpeg"> </audio> </body> </html> 这对我不起作用，自动播放也不起作用我不知道为什么它不起作用我在 Edge 和 Chrome 中尝试过但在每个浏览器中都不起作用尝试对音频文件使用绝对路径，而不是使用相对文件。注意：以根目录为参照的路径称为绝对路径。引用当前目录的路径称为相对路径。

html html5-audio

回答 1 投票 0

HTMLAudioElement 在 iPod Touch (5.0.1) 上的 Safari 中无法正确静音

问题：我在切换 html5 音频标签上的静音属性时遇到问题。平台：仅限 iPod Touch (Safari) [iOS 5.0.1]。在 Chrome 中运行良好。 // 此代码驻留在我的点击绑定中。变量

javascript ios html5-audio

回答 2 投票 0

是否可以让 HTML 音频文件只播放一次？

您的浏览器不支持音频元素。我将其插入到 html 页面中....

html5-audio

回答 0 投票 0

如何在 React 中导入和播放目录中的所有音频文件？

我正在尝试使用 React 播放目录中的每个音频文件。我可以按如下方式播放一个文件，但我不想导入每个文件，因为文件夹中有 70 个文件：导入 {useEffect}