web 音频文件自动播放(兼容所有浏览器)

function AudioPerform() {
            var ua = navigator.userAgent.toLowerCase();
            var audiopath = "$!{TempletPath}images/ring.wav";
            if (ua.match(/msie ([\d.]+)/)) {
                jQuery(‘#alert_sound‘).html(‘<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="AutoStart" value="1" /><param name="Src" value="‘ + audiopath + ‘" /></object>‘);
            }
            else if (ua.match(/firefox\/([\d.]+)/)) {
                //            jQuery(‘#alert_sound‘).html(‘<embed src="‘ + audiopath + ‘" type="audio/wav" hidden="true" loop="false" mastersound></embed>‘);
                jQuery(‘#alert_sound‘).html(‘<audio autoplay="autoplay"><source src="‘ + audiopath + ‘" type="audio/wav"/><source src="$!{TempletPath}images/ring.wav" type="audio/mpeg"/></audio>‘);
            }
            else if (ua.match(/chrome\/([\d.]+)/)) {
                jQuery(‘#alert_sound‘).html(‘<audio src="‘ + audiopath + ‘" type="audio/wav" autoplay=”autoplay” hidden="true"></audio>‘);
            }
            else if (ua.match(/opera.([\d.]+)/)) {
                jQuery(‘#alert_sound‘).html(‘<embed src="‘ + audiopath + ‘" hidden="true" loop="false"><noembed><bgsounds src=‘ + audiopath + ‘></noembed>‘);
            }
            else if (ua.match(/version\/([\d.]+).*safari/)) {
                jQuery(‘#alert_sound‘).html(‘<audio src="‘ + audiopath + ‘" type="audio/wav" autoplay=”autoplay” hidden="true"></audio>‘);
            }
            else {
                jQuery(‘#alert_sound‘).html(‘<embed src="‘ + audiopath + ‘" type="audio/wav" hidden="true" loop="false" mastersound></embed>‘);
            }
        }
时间: 2024-10-22 13:33:07

web 音频文件自动播放(兼容所有浏览器)的相关文章

利用Inotify和Rsync将web工程文件自动同步到多台应用服务器

背景:需要搭建一套跟线上一模一样的环境,用来预发布,这是其中的web分发的一个小模块的实现过程. 1 工具以及环境简介 1.1,Inotify工具 Inotify,它是一个内核用于通知用户空间程序文件系统变化的机制.众所周知,Linux 桌面系统与 MAC 或 Windows 相比有许多不如人意的地方,为了改善这种状况,开源社区提出用户态需要内核提供一些机制,以便用户态能够及时地得知内核或底层硬件设备发生了什么,从而能够更好地管理设备,给用户提供更好的服务,如hotplug.udev 和 ino

兼容IE和chrome的.wav音频文件在线播放

<body>             <bgsound id='snd_ie' src="" loop="loop">             <object id='snd_chrome' width="0px" height="0px" type="audio/x-wav" data=""></object>             &

使用HTML5的Audio标签打造WEB音频播放器

目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件.而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash.Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站. WEB中的Audio标签 HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:<audio>标签.使用audio标签可以控制音频的播放与停

IOS音频1:之采用四种方式播放音频文件(一)AudioToolbox AVFoundation OpenAL AUDIO QUEUE

本文转载至 http://blog.csdn.net/u014011807/article/details/40187737 在本卷你可以学到什么? 采用四种方法设计应用于各种场合的音频播放器: 基于AudioToolbox.framework框架.播放系统声音文件. 基于AVFoundation.framework框架.播放多种音频格式文件.具有高级音频播放器功能.如实时显示进度.功率,控制音量.播放时间等. 基于OPENAL框架.实现对本地音频文件播放,播放pcm音频文件,3D音频特效. 基

js --自动播放音频

简介 基本使用 chrome下无法自动播放问题处理 简介 音频的播放使用audio进行操作,可以有两种方式处理(纯js和html标签+js). audio是html5的新标签,用于定义声音 audio的属性(引用w3school) 属性 值 描述 autoplay autoplay 如果出现该属性,则音频在就绪后马上播放. controls controls 如果出现该属性,则向用户显示控件,比如播放按钮. loop loop 如果出现该属性,则每当音频结束时重新开始播放. muted mute

C#调用mciSendString播放音频文件

mciSendString函数是一个WinAPI,主要用来向MCI(Media Control Interface)设备发送字符串命令. 一.函数的声明如下: private static extern long mciSendString( string command, //MCI命令字符串 string returnString, //存放反馈信息的缓冲区 int returnSize, //缓冲区的长度 IntPtr hwndCallback //回调窗口的句柄,一般为NULL ); 二

C++ 播放音频文件

本篇文章利用"MCI API"来实现对音频文件的播放,只写到本人用到的最为简单的播放功能,这篇文章有对其详细的介绍,如果有需要可以去看看. OK,下面直接上代码吧,本人用的是VS2013直接建的C++空白控制台程序,代码如下: #include "stdio.h" #include <windows.h> #pragma comment (lib, "winmm.lib") void main() { mciSendString(L&

XAudio2学习之流化音频文件

流化是一个过程,在这个过程中,我们只需要在内存中维护一小块内存来播放音频文件.这样我们就可以使用很大的音频文件作为背景音乐,而不占用很大的内存.当我们流化一个音频文件的时候,音频数据是从硬盘上一块一块的读取,而不是将整个文件一次性全部加载.流化是通过异步读取音频数据到硬盘缓冲区队列来完成的.当一个缓冲区填充好数据后,提交给source voice.当source voice播放完成一个缓冲区后,这个缓冲区就可以再次用来读取文件中的数据.通过这种方式循环使用缓冲区,允许我们只加载一部分文件的数据就

HTML&lt;video&gt;&lt;/video&gt;视频无法自动播放

1.video 标签属性 src: 设置显示视频路径 controls: 显示控制栏 loop: 控制视频循环播放 autoplay: 自动播放 muted:设置静音播放 2.解决视频或音频标签自动播放在谷歌浏览器中不起作用 方法一: 在chrome 浏览器中输入:chrome://flags 搜索audio,找到Autoplay policy 在右侧的选项中设置为 no user gesture is required 即可 方法二: 给<video>标签添加muted属性,设置静音播放后就