`

jquery实现的网页自动播放声音

阅读更多

代码如下:

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
//这里参考了以下两个站点的介绍 
//http://www.w3school.com.cn/html/html_audio.asp 
//http://www.zhanxin.info/development/2013-05-17-html5-audio.html 
if($.browser.msie && $.browser.version=='8.0'){ 
//本来这里用的是<bgsound src="system.wav"/>,结果IE8不播放声音,于是换成了embed 
$('#newMessageDIV').html('<embed src="system.wav"/>'); 
}else{ 
//IE9+,Firefox,Chrome均支持<audio/> 
$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"' 
+ 'type="audio/wav"/><source src="system.mp3" type="audio/mpeg"/></audio>'); 
} 
}); 
</script> 

<div id="newMessageDIV" style="display:none"></div> 

 

分享到:
评论

相关推荐

    jQuery音频语音自动播放代码

    在本文中,我们将深入探讨如何使用jQuery来实现手机端的音频语音自动播放功能。这个功能主要针对的是HTML5中的`audio`标签,它允许我们轻松地在网页中嵌入和控制音频内容。对于手机端应用,尤其是兼容安卓和苹果iOS...

    利用jquery进行音频文件播放

    "利用jQuery进行音频文件播放"这个标题暗示我们将关注的是如何在网页上嵌入音频元素,并通过jQuery控制其播放、暂停、音量调整等操作。 首先,我们需要在HTML中创建一个`&lt;audio&gt;`标签,用于定义音频源。例如,如果...

    jQuery网页验证码插件.zip

    jQuery网页验证码插件是一种用于网站身份验证的工具,它利用JavaScript库jQuery来实现动态、交互式的验证码功能。验证码的主要目的是防止自动化的机器人或恶意软件进行非法操作,如垃圾邮件发送、欺诈注册等。本插件...

    jquery翻书效果源码

    《jQuery实现翻书效果详解》 在Web开发中,为了提升用户体验,许多网站开始采用更具交互性和视觉吸引力的设计元素,其中“翻书效果”就是一种常见的动态效果。本篇文章将详细解析如何使用jQuery来实现这一效果,让...

    可以自动控制网页操作的浏览器MutouBrowser(Pro).rar

    木头多功能浏览器(专业版)可以生成自动刷新网页监控网页局部内容变化、网页自动点击、自动批量填写表单等功能。 木头多功能浏览器(专业版)完美支持HTML5,多用户多选项卡的调整网页浏览器。在一台电脑上实现登录同...

    jQuery带音效的旋转式切换幻灯片特效源码.zip

    总结来说,"jQuery带音效的旋转式切换幻灯片特效源码"结合了jQuery的事件处理、动画制作以及音频播放,为网页设计师提供了一个实现高端交互效果的工具。通过学习和理解这段代码,开发者不仅可以提升自己的jQuery技能...

    js 自动播放的实例代码

    上述代码示例展示了如何使用JavaScript和jQuery来实现一个简单的自动播放功能,它通过定时器不断更新页面元素内容来模拟自动播放效果。然而,在生产环境中,还需要考虑性能优化、错误处理、用户交互、兼容性等多方面...

    移动端audio标签音频自动播放

    本篇将详细讲解如何在移动端利用`&lt;audio&gt;`标签实现音频的自动播放、暂停、停止以及跳转播放。 首先,我们来看一下`&lt;audio&gt;`标签的基本结构: ```html &lt;audio id="myAudio" src="audio.mp3"&gt;&lt;/audio&gt; ``` 这里的`...

    【JavaScript源代码】多种类型jQuery网页验证码插件代码实例.docx

    本篇文章将详细解读一个基于jQuery实现的多种类型网页验证码插件代码实例,包括数字字母验证码、算术验证码、滑动验证码以及拼图验证码等。 #### 二、关键概念 1. **jQuery**:一种快速、简洁的JavaScript库,使得...

    JS实时弹出新消息提示框并有提示音响起的实现代码

    本文介绍的内容涉及到在网页中实现新消息提示框的弹出和提示音响起的功能。实现这一功能主要依靠JavaScript(JS)和AJAX技术,以及音频播放和动态显示新消息提示框的方法。 知识点一:AJAX技术 AJAX(Asynchronous ...

    JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】

    1. JavaScript: 是一种能够运行在浏览器端的脚本语言,用于实现网页上的交互效果。在这个场景中,JavaScript将负责检测消息状态,触发音频播放。 2. jQuery: 是一个快速、简洁的JavaScript库,简化了JavaScript编程...

    jQuery英文数字组合验证码特效.zip

    总之,"jQuery英文数字组合验证码特效.zip"提供了一套完整的前端验证解决方案,结合了jQuery的强大功能、CSS的美化效果以及网页特效的互动性,是构建安全网页的重要工具。通过深入理解并自定义这套代码,开发者可以...

    网页mp3例子

    此外,可以使用JavaScript库如JQuery或现代前端框架(如React、Vue)来增强音频控制,实现更复杂的交互功能,如自动播放、定时播放、进度跳转等。 为了提高用户体验,网页MP3播放还需要考虑以下几点: 1. 缓加载:...

    jQuery秒表、闹钟、计时器和报警插件

    jQuery秒表插件通过添加和管理计时器,可以实现精确的时间显示和控制。它们通常包括开始、暂停、重置等功能,并可能提供自定义格式化时间的选项。开发者可以通过API接口来触发这些操作,以满足不同场景的需求。 二...

    jquery衣服颜色选取插件

    为了提供用户友好的交互体验,开发人员常常会利用JavaScript库,如jQuery,来实现这样的功能。本文将深入探讨一款基于jQuery的衣服颜色选取插件,帮助开发者更好地理解其工作原理和应用方法。 jQuery库以其简洁的...

    JSP+Flex+javaSocket+jquery+ajax聊天

    Flex应用运行在Adobe Flash Player上,可以实现流畅的动画效果和声音播放,增强了聊天体验。 **JavaSocket**是Java提供的网络编程接口,用于实现TCP/IP通信。在聊天系统中,JavaSocket作为服务器端的核心,接收并...

    jQuery音乐均衡器插件equalizer特效代码

    jQuery equalizer插件正是通过CSS3的动画效果和jQuery事件处理来模拟这一功能,使网页上的音频播放变得更加生动。 ### 二、使用步骤 1. **引入jQuery库**:首先确保你的网页已经包含了jQuery库,因为equalizer插件...

Global site tag (gtag.js) - Google Analytics