相关疑难解决方法(0)

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

当某个事件发生时,我希望我的网站向用户播放简短的通知声音.

声音应该自动启动(瞬间)当网站被打开.相反,它应该通过JavaScript按需播放(当某个事件发生时).

重要的是,这也适用于旧浏览器(IE6等).

所以,基本上有两个问题:

  1. 我应该使用什么编解码器?
  2. 嵌入音频文件的最佳做法是什么?(<embed>vs. <object>vs. vs. vs. <audio>)

html javascript audio notifications html5-audio

95
推荐指数
6
解决办法
11万
查看次数

为什么Firefox不支持<audio>中的MP3文件格式

有没有特殊原因导致Firefox不支持<audio>元素中的MP3文件播放,只有Ogg格式?

这是许可问题吗?

是否有任何可能的未来实施计划?

是否有可能开发一个插件来支持<audio>元素中的MP3播放?

firefox html5 mp3 html5-audio

90
推荐指数
5
解决办法
8万
查看次数

跨平台,跨浏览器的方式从Javascript播放声音?

我正在编写一个dhtml应用程序,用于创建系统的交互式模拟.模拟的数据是从另一个工具生成的,并且已经有非常大量的遗留数据.

模拟中的一些步骤要求我们播放音频的"画外音"剪辑.我无法在多个浏览器中找到一种简单的方法来实现这一点.

Soundmanager2非常接近我的需要,但它只播放mp3文件,遗留数据也可能包含一些.wav文件.

有没有人有任何其他可能有帮助的图书馆?

javascript audio cross-platform dhtml cross-browser

78
推荐指数
6
解决办法
6万
查看次数

javascript音频对象与HTML5音频标签

最近在我加载声音的项目中

var myAudio = new Audio("myAudio.mp3");
myAudio.play();
Run Code Online (Sandbox Code Playgroud)

除非打开对话(即警报,确认),否则它会很好.但是当我尝试在我的html中添加音频标签时

<audio id="audio1">
    <source src="alarm.mp3" type="audio/mpeg" />
</audio>
Run Code Online (Sandbox Code Playgroud)

和使用

var myAudio1 = document.getElementById("audio1");
myAudio1.play()
Run Code Online (Sandbox Code Playgroud)

在对话开启后,它继续发挥作用.有人知道为什么吗?更一般地说,两种播放声音的方式有什么不同?

javascript audio html5

51
推荐指数
2
解决办法
5万
查看次数

javascript音频方法的文档?

我搜索并发现了许多文章,讨论了可以在javascript中使用控制HTML音频元素的常用方法.但是,我无法找到列出所有可用方法的任何地方.

我应该说清楚我不是在寻找HTML音频属性.我正在寻找像audio.play()和的方法audio.pause().我已经看到了代码样本中使用的这些方法,但我找不到一份详尽无遗的清单.

html javascript audio methods

32
推荐指数
2
解决办法
2万
查看次数

音频标签自动播放不适用于移动设备

我正在使用此代码,当我看到controls我看到自动播放不起作用.

<audio autoplay="true" src="music/lathe_di_chadar.mp3" type="audio/mp3" loop></audio>

它不适用于移动设备,并且在网站上工作得非常好.谁能告诉我这个问题?

谢谢,并得到很好的赞赏

html audio html5

15
推荐指数
2
解决办法
4万
查看次数

从INACTIVE浏览器选项卡播放声音

我有一个餐厅的控制面板,它在发出订单时会发出警报声.问题是,当控制面板选项卡不是Chrome中的活动选项卡时(对于Firefox也是如此),警报声音不会播放.单击选项卡后,它会播放声音.

我看到一些网站(Facebook Chat,Cloudstats.me服务器警报,......)即使在非活动标签中也会播放声音,那么这个问题的解决方法是什么?

javascript browser audio google-chrome

11
推荐指数
1
解决办法
2384
查看次数

在 React 应用程序中播放警报声

我确定这个问题已经被问了一百万次,但由于某种原因,我在 SO 上找不到它。我一定是使用了错误的关键字。

如何在React具有消息功能的应用程序中播放我自己的音频警报,并且我只想在新消息到达时发出声音通知。我找到了一个 npm 包,但它似乎带有一大堆我不需要的东西。

我有一个WAV自己的小文件,我只想在用户收到新消息时播放它。

我是否需要使用外部库才能调用某种play方法?或者是否有内置的方式在JavaScript或 中播放音频文件ReactJs

javascript reactjs

7
推荐指数
0
解决办法
5220
查看次数

如何使用 Javascript 在 chrome 上允许声音

我如何在 Chrome 中以音量加载启动视频。我尝试使用此代码来通知其工作正常,但我希望声音允许。使用Javascript我该如何做到这一点?

navigator.mediaDevices.getUserMedia({ audio: true })
            .then(function(stream) {
                console.log('You let me use your mic!')
            })
            .catch(function(err) {
                console.log('No mic for you!')
        });
Run Code Online (Sandbox Code Playgroud)

HTML代码(我想像这样运行)

<video width="100%" height="100%" id="y2mate_play_auto" controls="controls" autoplay>
                    <source src="../img/y2mate.com.mp4" type="video/mp4" />
</video>
Run Code Online (Sandbox Code Playgroud)

允许使用代码

允许使用代码我该怎么办?请帮助我解决上述问题。

谢谢

html javascript google-chrome

6
推荐指数
1
解决办法
4801
查看次数

在 Safari iPhone 4.3 上通过 HTTPS 播放 HTML5 音频

我编写了一个简单的 HTML 代码来使用 iPhone 上的 HTML5 音频标签播放音频文件。

<audio controls="controls" autoplay="autoplay">
<source src="http://192.168.1.130/ab.wav>" type="audio/wav" preload="auto"/>
Your browser does not support the audio element.
</audio>
Run Code Online (Sandbox Code Playgroud)

上面的代码在 safari 上工作得很好。当我将源 URL 从 HTTP 更改为 HTTPS 时,问题就出现了。

我开始收到“无法播放这部电影”的错误消息。

我正在使用如下的证书链:

VeriSign 试用安全服务器根 CA - G2 -> VeriSign 试用安全服务器 CA - G2 -> ucbu-aricent-vm200

默认情况下,Safari 中不提供根 CA(上图)的证书。

因此,我已将证书颁发机构(Root 和 Intermediate)的证书附加到电子邮件中,然后通过单击电子邮件中的附件将它们添加到 iPhone 中。

但是我仍然看到当 Safari 创建 TCP 会话来传输 WAV 文件时 SSL 握手失败。

注意:当创建 TCP 会话以从服务器获取 HTML 文件时,SSL 握手成功。我比较了HTML和WAV文件场景的SSL握手的网络数据包,它们都是相同的。

html iphone https mobile-safari ios

5
推荐指数
1
解决办法
4229
查看次数

通过PHP laravel中的函数传输第三方音频

我需要一个可以从第三方网站流式传输音频的功能.

假设.

调节器

function getStreamAudio($id){ 
  $audioDetails = Audio::find($id);  //Get audio details
  $audio_full_url = $audioDetails->audio_path;  //www.otherdomain.com/abc/xyz.mp3
  //here i need to strem audio through id
}
Run Code Online (Sandbox Code Playgroud)

我有与HTML下面相同的播放列表

<audio src="www.mydomain.com/stream_audio/1"></audio> // src tags are excute the above function
<audio src="www.mydomain.com/stream_audio/2"></audio> // src tags are excute the above function
<audio src="www.mydomain.com/stream_audio/3"></audio> // src tags are excute the above function
Run Code Online (Sandbox Code Playgroud)

我有一个播放音频的播放列表.但目的是保护音频原始URL路径.

我试过Defa Protector来加密音频的URL.以下是网址

https://sites.google.com/site/defaprotectorhelp/

它正在工作,但是当我在播放列表中添加4首或更多歌曲时.它显示我的错误.

未捕获(在promise中)DOMException:play()请求被pause()调用中断.

对于此错误,还尝试了此stackoverflow解决方案.但仍然错误是一样的.

当我使用原始音频路径时.它工作得很好.

php laravel-4

5
推荐指数
0
解决办法
348
查看次数

&lt;audio&gt; 标记到 audioBuffer - 有可能吗?

我的 javascript-webApp 首先读取一个简短的 mp3 文件并在其中找到静音间隙(用于导航目的),然后播放相同的 mp3 文件,提示它从一个或另一个静音结束的地方开始。这与通常的 webAudio 场景不同,该场景旨在授予对当前在流中播放的音频数据(而不是整个曲目)的访问权限。

为了让我的 webApp 工作,我必须读取/访问 mp3 文件两次

  1. 通过XMLHttpRequest读取整个 MP3 文件并将其放入音频缓冲区中,我随后可以使用该缓冲区进行解码audioContext.decodeAudioData()- 如此处所述:每 t 秒提取音频数据
  2. 通过指定<audio>标签以允许我按需播放文件,以毫秒为单位指定提示/开始点。 用 Javascript 播放音频?.

问:目前有什么方法可以先声明<audio>标签,然后以某种方式直接从它派生 audioBuffer,而不用求助于XMLHttpRequest

我已经阅读过,createMediaElementSource但我不知道如何audioBuffer使用它来获得。

html javascript audio web-audio-api

4
推荐指数
1
解决办法
3117
查看次数

如何在网页中多次播放相同的音频文件?

我想在 HTML 中播放声音文件两次

 <!DOCTYPE html >
<html>
<header>
<script>

var snd = new Audio("hello.wav"); 
snd.play();

snd = new Audio("hello.wav");
snd.play();
</script>
</header>

<body>
hello
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

不过只能播放一次。

注意:此处介绍播放文件一次使用 Javascript 播放音频?

回答后编辑

要确定重复次数,请使用

var noOfRepetitions = 3;

myAudio = new Audio('hello.wav');

myAudio.addEventListener('ended', function() {
            noOfRepetitions = noOfRepetitions-1;
            if (noOfRepetitions > 0) {
                this.currentTime = 0;
                this.play()};
}, false);

myAudio.play();
Run Code Online (Sandbox Code Playgroud)

html javascript audio dom-events

4
推荐指数
1
解决办法
1853
查看次数