html5-audio 相关问题

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

音频/媒体资源请求永远挂起

我在播放音频元素时遇到问题。当我垃圾邮件点击它们(不仅如此)一段时间后,请求开始永远挂起,并且所有请求也都在它们之后。我的音频元素...

回答 1 投票 0

html 音频标签在 Chrome 中不显示,但在控制台的元素中可见并且在 Firefox 中工作,为什么?

我有这个反应组件: 从“@kpt/ui/providers/i18n/translateService”导入翻译; 从“@mui/material”导入{盒子,版式}; 从 &q... 导入 { IContentProps }

回答 1 投票 0

使用音频元素做出反应并确保显示持续时间

这个音频标签定义如下: 其中 src 是音频链接的某个 url。 在播放音频之前,播放器看起来像这样:...

回答 1 投票 0

如何在网站上播放通知声音?

当某个事件发生时,我希望我的网站向用户播放简短的通知声音。 打开网站时声音不应自动启动(立即)。 相反,它应该在

回答 11 投票 0

如何使用javascript请求音频自动播放权限

我想请求用户许可(例如 google meet 中的麦克风许可)来自动播放 rickroll 的音频文件。我希望在用户使用后播放 javascript 函数

回答 1 投票 0

Html 音频标签正在播放 29 秒

我在我的网站中使用了音频标签 ```` 我在我的网站中使用了音频标签 ```<source type="audio/mpeg" src="https://audio-ssl.itunes.apple.com/itunes-assets/AudioPreview71/v4/09/41/b7/0941b772-bfd0-db29-6832-411b30086c7e/mzaf_3353501170920741567.plus.aac.p.m4a"></source> </audio>``` 无论歌曲长度如何,它总是播放并显示 29 秒。可能是什么问题!? 我使用了音频标签,当我使用外部 mp3 链接作为源时,它只播放 29 秒,就像限制只有 29 秒一样。我该如何解决这个问题或者可能是什么问题!? iTunes 预览歌曲长度为 29 秒。尝试使用其他 mp3 源 https://freetestdata.com/wp-content/uploads/2021/09/Free_Test_Data_2MB_MP3.mp3

回答 1 投票 0

Chrome 上的 JavaScript 音频无法正常工作

我正在制作一个网页,每次加载网页时都会播放随机声音,并且 JS 中的音频元素存在问题。我无法让浏览器播放声音,我不知道该怎么办。我...

回答 1 投票 0

HTML5 将音频录制到文件

我最终想做的是从用户的麦克风进行录音,并在完成后将文件上传到服务器。到目前为止,我已经成功使用以下代码创建了一个到元素的流:...

回答 9 投票 0

徽标、图像和 mp3 未在我的 github 网站中加载(使用 Visual Studio 代码制作)

对于我的全栈程序,我需要制作三个html页面并将它们上传到Github并使其成为一个在线网站。除了徽标、图像和 mp3 文件音频之外,一切正常。 我

回答 1 投票 0

无法使用 Laravel 设置音频元素的当前时间

我已经阅读并使用了很多解决方案,包括“canplay”或oncanplay。但每次我尝试拖动进度条中的滑块并设置当前时间时,当前时间总是......

回答 1 投票 0

有没有一种方法可以在没有 Service Worker 的情况下缓存音频元素请求?

我有一个用户脚本,我想在其中缓存音频元素中的音频文件。 fetch() 在这里不可行,因为我必须等待它获取才能从中获取 blob。有没有办法使用音频电子...

回答 1 投票 0

React 在 eventListener 中使用钩子

我创建了以下钩子来在反应中播放音频: “使用客户端”; 从“react”导入{useEffect,useState}; 导出常量 useAudio = (url: 字符串) => { 常量 [a...

回答 1 投票 0

<link rel=preload> 使用音频时使用不受支持的 `as` 值

我正在尝试像这样预加载音频资源: 所有浏览器实际上都在说同样的话:“u...

回答 1 投票 0

在IOS17下播放HTML5 AUDIO没有声音

导出函数 AudioPlaying(audioUrl: string): ReactElement { const audioRef = useRef(); 使用效果(()=> { audioRef.current = new Audio(audioUrl); }, [

回答 1 投票 0

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

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

回答 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 }); });

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.