网页加背景声音播放（如提示音等）

最新推荐文章于 2025-10-22 09:37:51 发布
原创 最新推荐文章于 2025-10-22 09:37:51 发布 · 3.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#audio #firefox #browser #chrome #html5
#浏览器
本文介绍了如何使用HTML5中的<audio>标签来实现在不同浏览器中播放音频文件的方法，包括IE、Chrome和Firefox等，并提供了一个具体的示例。

在IE下要实现音频的播放比较简单，可以用<embed>、<bgsound>等标签，如

<bgsound src="URL" loop="never" />

但是在Chrome，FireFox等浏览器下面运行没有效果，于是采用HTML5中的<audio>标签，如

<audio  controls="controls" autoplay="autoplay" id="audio_player" src="../Documents/你有新短消息请注意查收.mp3" style="display:none;">
        Your browser does not support the audio element.
    </audio>

其中style=“display:none;”是为了不在页面显示播放面板。

具体可参见w3school：http://www.w3school.com.cn/html5/tag_audio.asp

C# 多种方式播放Wav声音_Asp_net教程__Net教程_Vb_net教程_Vc_net_C#编程
04-28
C# 多种方式播放Wav声音_Asp_net教程__Net教程_Vb_net教程_Vc_net_C#编程
ajax实现网页消息声音提醒
06-26
用最原始方法写的，没用任何js框架，便于移植，一看就懂。解压后有5个文件，都导入tomcat，main.html和submit.jsp为主要测试页面，message.wav为测试用的音频文件，checkmessage.jsp和result.jsp为后台页面（你可以自己照着写action或者servlet，我为了省事且易读只写了jsp）。为了方便测试，我设置了一个开始按钮（实际应用时要将它改为页面载入是调用），测试步骤，打开main.html点击开始，为了方便测试，我设置了一个开始按钮（实际应用时要将它改为页面载入是调用），打开submit.jsp点提交,你就会在main.html上听到消息提示了。
php自动播放mp3,jquery控制背景音乐开关与自动播放提示音的方法_jquery
weixin_36227730的博客
03-09 523
本文实例讲述了jquery控制背景音乐开关与自动播放提示音的方法。分享给大家供大家参考。具体如下：很多人初学网页制作时在网页中加入一段背景音乐，听到音乐响起的那一刻往往都会有一丝的成就感。这里就为大家讲解如何使用js控制背景音乐播放与停止。具体如下：一、jquery控制背景音乐开关关闭背景音乐以上介绍了jquery如何控制背景音乐开关的方法，接下来再进一步扩展。二、JQuery自动播放提示音最早对...
网页中播放Mp3的例子
MADfox1983的专栏
04-20 784
导读： 这种方式的优点是： 代码特别简单，只有一行即可搞定。 缺点就是：如果客户端未安装播放器软件，则用户听不到声音。（不过目前大部分用户都应该安装了微软的media player）实现方法：在你的html代码的body区（即和之间，嵌入以下代码：参数含义为: loop=false　表示不循环播放，loop=true 表示循环播放loop=fal
为网页添加一个弹窗提示音乐播放
软希网分享源码的博客
11-08 1970
为网页添加一个弹窗提示音乐播放
使用js给网页添加提示音或播放音效
Xiaomu_app的博客
04-30 2399
有些时候需要给用户一个提示音,用来做站内信提醒,或者交互提醒之类的功能.这时就可以使用js向页面插入音效播放...
php播放一个提示音,JS网页播放提示音解决方案(一)
weixin_35656458的博客
03-20 595
JS网页播放提示音解决方案(一)JS方法如下//播放提示音0functioncreatePlayer(success){varvoice=success?'cg':'sb';var_id=Math.floor(Math.random()*800+100);varaudio=document.createElement('audio');audio.id=_i...
微信网页版消息提示音设计与技术实现详解
最新发布
weixin_42612804的博客
10-22 638
微信网页版作为移动端的延伸，通过浏览器实现了核心通信能力的无缝衔接。其主要功能涵盖会话管理、实时消息收发、文件传输及联系人同步，均基于WebSocket与HTTP长连接协同实现。前端采用响应式设计，适配不同分辨率设备，确保视觉一致性；后端则依托微信统一账号体系完成身份认证与数据同步。graph TDA[用户扫码登录] --> B{建立WebSocket连接}B --> C[消息实时推送]C --> D[Audio API播放提示音]D --> E[用户交互反馈]
html 如何播放提示音,html播放提示音
weixin_29433715的博客
06-26 917
有兩種分別用和標簽,當用插入背景音樂時可以設置寬度和高度為0，隱藏播放器。■ ： 是用來插入背景音樂，但只適用於 ie，其參數設定不多。如下src="your.mid"設定 midi 檔案及路徑，可以是相對或絕對。autostart=true是否在音樂檔下載完之后就自動播放。true 是，false 否 (內定值)。loop=infinite是否自動反復播放。loop=2 表示重復兩次，infin...
android瀑布流视频自动播放,jquery实现的网页自动播放声音
weixin_42309785的博客
05-25 809
jquery实现的网页自动播放声音复制代码 代码如下:$(function(){//这里参考了以下两个站点的介绍//http://www.w3school.com.cn/html/html_audio.asp//http://www.zhanxin.info/development/2013-05-17-html5-audio.htmlif($.browser.msie && $....
网页中播放声音
bluedusk
11-17 255
1.使用dhtml标记&lt;bgsound&gt;。 &lt;bgsound   id=bg1   src="mid/1.mid"&gt;         &lt;select   onchange="bg1.src=this.value"&gt;    &lt;option   value="mid/1.mid"&gt;1&lt;/option&gt;    &am
【vue】浏览器播放提示音audio
lorogy的博客
08-29 3057
浏览器播放提示音
网页提示音
09-28
在使用oa系统的时候有消息的是会提示你有一条新短消息请注意查收
asp.net在线音乐播放器
04-22
在线音乐播放器，asp.net+sql server
网页上播放声音的简单实现（兼容IE/CHROME）
瓶子里的小地盘
01-29 7896
实现功能：定时查询到新的报障单，则在页面右下角显示气泡，并循环播放提示音，可关闭/开启声音。 页面气泡div和开启提醒按钮： 温馨提醒  开启提醒 开启提醒按钮JS方法： /** 自动提醒功能 开始**/ //开启关闭自动提醒 function autoRemind(switchFlag){ debugger; if(switchFlag == 'ON'
后台提示新消息（声音）
weixin_30437847的博客
01-15 806
var borswer = window.navigator.userAgent.toLowerCase(); if ( borswer.indexOf( "ie" ) >= 0 ) { //IE内核浏览器 var strEmbed = '<embed name="embedPlay" src="ding.wav" autostart="...
关于网页消息提示音问题解决与实现
书思的博客
06-11 1万+
消息提示音最近工作中需要实现网页消息提示声音的功能，所以自己就研究了下，参考了网络很多同僚的做法，各有千秋，不过都比较复杂，对初学者来说还是比较难以采用。 这里结合相关知识自己简单的记录下来： 第一步：当然我们要准备好jquery.js库文件了（http://download.csdn.net/detail/qq_33624284/9867133） 实际编码： //jq实现 <script typ
html播放提示音
Bad Boy
11-26 9605
有两种分别用和标签,当用插入背景音乐时可以设置宽度和高度为0，隐藏播放器。 ■ ： 　　 是用来插入背景音乐，但只适用于 ie，其参数设定不多。如下 　　 src="your.mid" 设定 midi 档案及路径，可以是相对或绝对。 autostart=true 是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。 loop=infinite
HTML5 标签audio添加网页背景音乐代码
热门推荐
阳光岛主
09-21 13万+
html5  是 HTML 5 的新标签，定义声音，比如音乐或其他音频流。HTML 5 标签HTML5 audio让音乐东山再起HTML5 运用aduio标签打造音乐播放器 可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。1234audio autoplay="autoplay" controls="controls"loop="loop" preload
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值