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

最新推荐文章于 2021-03-20 12:06:21 发布

lockelk

最新推荐文章于 2021-03-20 12:06:21 发布

阅读量3.1k

点赞数

分类专栏： web页面文章标签： audio firefox browser chrome html5 浏览器

本文链接：https://blog.csdn.net/lockelk/article/details/7563295

版权

web页面专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lockelk

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

网页提示音

09-28

在使用oa系统的时候有消息的是会提示你有一条新短消息请注意查收

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上听到消息提示了。

参与评论您还未登录，请先登录后发表或查看评论

网页添加提示音

weixin_30610755的博客

10-31

462

embed的autostart在chrome下没有反应，所以采用自动创建embed的方法产生提示音，在下一个提示音之前移除本次提示音。代码如下： try{ musicPlayer.removeChild(musicPlayer.firstChild); } catch(err){ } var m...

网页添加提示音，用setInterval

weixin_33897722的博客

05-14

132

如果一条数据通过审核了，修改数据库中一个值，用户怎么异步动态知道自己的记录通过审核了呢，我是通过音乐和提示的方式。网页中添加如下代码： <style> #notify { position: absolute; top: 40px; left: 50%; ...

chrome页面播放提示声音，需要打开Global Media Controls Seamless Transfer开关

konnysnow的专栏

01-14

1093

测了下，订单付款可以收到通知。 浏览器提示声音必须人工打开一个开关（chrome有限制，不允许页面自动播放声音） chrome://flags/#autoplay-policy 搜索：play GlobalMediaControlsSeamlessTransfer设置为：enabled ...

jquery控制背景音乐开关与自动播放提示音的方法

10-24

在网页设计中，有时我们需要为用户提供一些音频体验，如背景音乐或者特定操作后的提示音。jQuery作为一个强大的JavaScript库，能够帮助我们轻松实现这些功能。本文将深入探讨如何使用jQuery来控制背景音乐的开关以及...

锁屏加提示音播放

05-11

这个项目标题“锁屏加提示音播放”暗示了我们要关注的是如何在用户锁屏或者特定浏览器操作时触发声音播放。描述中提到该功能支持IE、360以及谷歌浏览器，但不支持火狐浏览器，这可能是因为不同浏览器对音频处理的API...

前端开发和后端开发中各种声音文件提示音

11-24

在IT行业中，声音提示音是用户体验中的重要...综上所述，前端和后端开发中的声音文件提示音是一个涉及音频处理、用户交互和无障碍设计等多个领域的综合性问题。理解和掌握这些知识点对于提升应用的用户体验至关重要。

网页播放音频文件

06-21

网页播放音频文件通过embed标签实现，在firefox中会要求下载Apple Quicktime插件。 bgsound标签是ie浏览器的特有属性，只有ie支持，chrome，firefox，opera都不支持,所以建议使用embed标签实现。

php播放一个提示音,JS网页播放提示音解决方案(一)

weixin_35656458的博客

03-20

501

JS网页播放提示音解决方案(一)JS方法如下//播放提示音0functioncreatePlayer(success){varvoice=success?'cg':'sb';var_id=Math.floor(Math.random()*800+100);varaudio=document.createElement('audio');audio.id=_i...

asp 实现当有新信息时播放语音提示的效果

01-02

1、信息表新建立一个字段，并用0、1的方法判断信息的状态。 2、新建一个页面，定时刷新，并查询表中是否有字段值为0的记录。 3、当管理员点击查看该信息的时候，将字段值改为1。其中最关键的是第2步，下面给出所需代码定时刷新指定页面。比如新建的页面叫a.asp 那么就是[removed]setTimeout(“location.href=”a.asp'”,10000)[removed] 数据库连接。 <%set rs = conn.execute(“select * from [表名] where 字段名= 0 “) if not rs.eof then%> <bgsound src=”音频路径

C# 多种方式播放Wav声音_Asp_net教程__Net教程_Vb_net教程_Vc_net_C#编程

04-28

C# 多种方式播放Wav声音_Asp_net教程__Net教程_Vb_net教程_Vc_net_C#编程

JSP中播放提示声音

Seven's 专栏

01-16

4792

1.动态HTML标签此元素不需要关闭标签.主要控制属性如下： id-id是给bgsound起的名字，以便以后调用。src－所插入声音的URL（网址）。 loop－设置循环的次数，当值是-1或者Infinite 的时候表示无限循环。 volume－音量，值为-10000到0之间，（不算直观）0是最大音量。 balance－声道，值为-1000到1000之间的值，负值将声音发送左声道，正值将声音

jsp播放声音

roking99的专栏

04-22

1799

pageEncoding="UTF-8"%> 这种方式支持任何浏览器 function play_click(sef,url){ var div = document.getElementById('div1'); div.innerHTML = ''; var emb = document.getElementsByTagNa

如何在ASP.net页面中，客户端播放音频

我的地盘

09-23

4750

论坛中短消息声音提示用asp.net怎么做?或者简单来说就是怎么用asp.net播放音乐。找了很久终于找到了个能为我所用的代码： Response.Write("");

embed标签使用

weixin_34124939的博客

03-11

206

1、使用Embed标签：<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=mms://bbs.xmnn.cn/forum/upfiles/00021B4D.wmv width=150 height=120 type=audio...

有一个html表table,要在网页添加个输入框查询在表格第一列是否存在数据,存在整行变绿色背景, 未找到提示出来,并加声音提示,怎么写

最新发布

04-20

你可以使用JavaScript来实现这个功能。首先，你需要在网页中添加一个输入框和一个按钮，当用户点击按钮时会触发查询操作。在JavaScript中，你可以使用DOM来获取表格对象和输入框的值，然后遍历表格的每一行，判断第一列是否包含输入框的值。如果存在匹配项，就将整行的背景颜色设置为绿色，并播放提示音。如果没有找到匹配项，就提示用户未找到，并播放提示音。以下是一个示例代码： HTML代码： ```html <input type="text" id="searchBox" placeholder="输入要查询的值"> <button id="searchBtn">查询</button> <table id="myTable"> <tr> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> <tr> <td>Jane</td> <td>Doe</td> <td>jane@example.com</td> </tr> <tr> <td>Bob</td> <td>Smith</td> <td>bob@example.com</td> </tr> </table> ``` JavaScript代码： ```javascript // 获取表格对象和按钮对象 var myTable = document.getElementById("myTable"); var searchBtn = document.getElementById("searchBtn"); // 绑定按钮点击事件 searchBtn.onclick = function() { // 获取输入框的值 var searchText = document.getElementById("searchBox").value; // 遍历表格的每一行 for (var i = 0; i < myTable.rows.length; i++) { // 获取当前行的第一列 var firstCol = myTable.rows[i].cells[0]; // 判断第一列是否包含输入框的值 if (firstCol.innerHTML == searchText) { // 如果匹配，将整行的背景颜色设置为绿色 myTable.rows[i].style.backgroundColor = "green"; // 播放提示音 var audio = new Audio("alert.mp3"); audio.play(); return; } } // 如果没有匹配项，提示用户未找到，并播放提示音 alert("未找到匹配项"); var audio = new Audio("alert.mp3"); audio.play(); }; ``` 注意：在以上示例中，播放提示音的代码使用了HTML5的Audio对象，你需要提供一个名为"alert.mp3"的音频文件并放在同一目录下。