当用户超出我的最大字符数限制时,我希望我的网页发出蜂鸣声<textarea>
.
当某个事件发生时,我希望我的网站向用户播放简短的通知声音.
声音应该不自动启动(瞬间)当网站被打开.相反,它应该通过JavaScript按需播放(当某个事件发生时).
重要的是,这也适用于旧浏览器(IE6等).
所以,基本上有两个问题:
<embed>
vs. <object>
vs. vs. vs. <audio>
)我收到错误消息..
未捕获(在promise中)DOMException:play()失败,因为用户没有先与文档交互.
..当尝试使用Chrome版本66在桌面上播放视频时.
我找到了一个在网站上自动开始播放的广告,但使用以下HTML:
<video
title="Advertisement"
webkit-playsinline="true"
playsinline="true"
style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
autoplay=""></video>
Run Code Online (Sandbox Code Playgroud)
那么,绕过Chrome的V66的自动播放拦截真的那么容易,因为只需添加webkit-playsinline="true"
,playsinline="true"
和autoplay=""
属性的<video>
元素?对此有任何负面影响吗?
我正在编写一个dhtml应用程序,用于创建系统的交互式模拟.模拟的数据是从另一个工具生成的,并且已经有非常大量的遗留数据.
模拟中的一些步骤要求我们播放音频的"画外音"剪辑.我无法在多个浏览器中找到一种简单的方法来实现这一点.
Soundmanager2非常接近我的需要,但它只播放mp3文件,遗留数据也可能包含一些.wav文件.
有没有人有任何其他可能有帮助的图书馆?
我正在尝试让jQuery在元素悬停/点击上播放声音.(这就像没有闪存的Flash网站)
我尝试过跨平台,跨浏览器方式推荐的方法从Javascript播放声音?,jQuery Sound插件和其他一些教程没有任何成功.我假设这是因为他们自2008年以来没有更新过.
有没有人有任何建议?
我正在教孩子们如何在他们的JavaScript游戏和网页上添加音频.我知道HTML5音频API,我刚刚学习各种浏览器的问题(IE令人惊讶的是根本不支持WAV等).
然而,显然有一个我不知道的新的Web音频标准.Chrome完全支持它.Mozilla 声明了以下关于Web Audio和Firefox的内容:
Firefox目前支持不兼容的Mozilla特定音频数据API,但它被标记为"已弃用",支持W3C标准.工作已开始支持Firefox中的新Web Audio API.
caniuse.com报告以下关于Web Audio API的支持.
我根本不介意强迫孩子们使用谷歌浏览器进行开发,并且听起来不适用于许多其他浏览器.但是,我不想教他们将来不会在其他浏览器中使用的东西.
我也正在阅读有关Web Audio的可能替代方案,称为MediaStreaming ......我应该教授的未来是哪种?
可能重复:
使用Javascript播放声音通知?
我正在使用JS制作游戏,当发生某些事情时我需要一种正确的方式来播放声音.你如何用JS/HTML5做到这一点?我看过这篇文章,但即使有他们的例子,也没有真正奏效!有时我确实听到那只鸟,但只是很短的时间,我再也无法让它工作了.
我想在接收消息时播放声音,所以我搜索它并找到了许多解决方案,但我找到的最简单的解决方案是
<script>
$('body').append('<embed src="beep.mp3" autostart="true" hidden="true">');
</script>
Run Code Online (Sandbox Code Playgroud)
但问题是它不能在Godzilla/IE中播放声音并在Chrome中播放.有没有办法解决这个问题,而无需添加任何额外的插件(Mozilla/JQuery).在Chrome中还有一个问题是,当声音播放时,主窗口的滚动条会从它的位置移动.我的主要问题是播放声音,因此优先考虑.任何人都知道它解决方案然后PLZ与我们分享谢谢.
javascript ×7
audio ×6
html ×2
html5 ×2
html5-audio ×2
jquery ×2
beep ×1
browser ×1
dhtml ×1
html5-video ×1
video ×1