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>');
            }
        }
web 音频文件自动播放(兼容所有浏览器)的更多相关文章
- iOS中音频的录制与播放(本地音频文件的播放)
		
iOS功能开发涉及到音频处理时,最常见的时进行录音,以及音频文件的播放.停止播放等的操作.在开发中还要避免同一个音频文件,或不同音频文件之间的处理,比如说正在播放A音频时,可以停止播放A音频,也可以播 ...
 - iOS 微信 音频 视频自动播放
		
iOS 微信 音频 视频自动播放 http://www.w3ctech.com/topic/1165
 - 解决移动端浏览器 HTML 音频不能自动播放的三种方法
		
https://blog.csdn.net/PY0312/article/details/90349386 由于Android,IOS移动端的浏览器以及微信自带的浏览器为了用户更好的体验,规定不自动播 ...
 - iphone在微信中audio 音频无法自动播放
		
问题: Html5的audio 音频在电脑端和android端都可以实现自动播放,在iphone上无法实现,下面针对的是微信浏览器里面的解决方法 html代码: <div id="au ...
 - H5背景音乐自动播放(兼容微信IOS,进程后台切换自动停止播放,本文例子为Vue写法)
		
<template> <audio src="./static/music.mp3" id="bgMusic" preload="a ...
 - H5视频、音频不能自动播放,Uncaught (in promise) DOMException: play() failed because the user didn't
		
错误原因:Chrome的autoplay政策在2018年4月做了更改. 解决办法: 第一步,在chrome浏览器中输入:chrome://flags/#autoplay-policy 第二步,在Aut ...
 - 给flash文件加超链接[兼容主流浏览器]
		
<div style="position: relative;"> <a style="width: 640px; height: 90px; posi ...
 - h5页面自动播放视频、音频_关于媒体文件自动全屏播放的实现方式
		
在移动端(ios和android)播放视频的时候,我们即使定义了autoplay属性,仍然不能自动播放.这是由于手机浏览器为了防止浪费用户的网络流量,在默认情况下是不允许媒体文件自动播放的,除非用户自 ...
 - HTML5的Audio标签打造WEB音频播放器
		
目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件.而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览 ...
 
随机推荐
- UE4 去除不正确的水面倒影以及不完整镜头轮廓
			
最近在做的项目遇到了一点点问题,出现了如下效果 视角对着湖面移动会出现一个显示不完整的轮廓(比较长的蓝色矩形),详细一点就是下图这样,以及近处物体的倒影(从光照的照射角度来看是不应该出现的) 一开始就 ...
 - ios系统(苹果手机)按钮显示为圆角和渐变的问题
			
按钮在安卓手机上显示正常,但在苹果手机上会显示如下: 解决办法:给该按钮的样式加上:-webkit-appearance:none;这样按钮就会显示正常
 - SVN更新报错
			
将服务器SVN文件更新到本地是出现下图错误 报错中已经提示可以通过clean up来清理,若直接执行release lock,则不会解决问题. 原因:本地的项目中存在过期的工作副本 解决办法:选择该文 ...
 - iOS开发ARC内存管理技术要点
			
本文来源于我个人的ARC学习笔记,旨在通过简明扼要的方式总结出iOS开发中ARC(Automatic Reference Counting,自动引用计数)内存管理技术的要点,所以不会涉及全部细节.这篇 ...
 - cpp项目的组织
			
编译篇 较大型cpp项目的代码组织.编译都是深耦合的. 一般提供一个总体的makefile,进入各个模块,又有自己的makefile,这些makefile又都依赖于一些被include的文件的的定义, ...
 - EL表达式有无双引号的区别
			
最近做项目时发现原来对EL表达式理解太浅,通过一个springMVC项目,加深了对其的理解,下面总结一下,如发现有不对之处,请批评指正: 1.在单独的js文件中,EL表达式无效,如:var type= ...
 - HTML中的属性、段落、标题、换行等
			
HTML的属性html标签的属性总是以名称/值(name=“value”)的方式出现:属性总是在html元素的开始标签中规定: 1.html链接由<a>标签定义,url在href中指定:& ...
 - 安装第三方Python模块,增加InfoPi的健壮性
			
这3个第三方Python模块是可选的,不安装的话InfoPi也可以运行. 但是如果安装了,会增加InfoPi的健壮性. 目录 1.cchardet 自动检测文本编码 2.lxml 用于解析 ...
 - linux开机启动mongodb
			
方式一(不推荐) ubuntu编辑/etc/rc.local /home/wyt/bin/mongodb-linux-x86_64-ubuntu1404-3.2.8/bin/mongod --dbpa ...
 - 深入理解CSS中的层叠上下文和层叠顺序(转)
			
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=5115 零.世间的道 ...