播放音乐方法(兼容IE FF Chrome Opera Safari)

CSS background属性深度解析:性能、可访问性与渲染机制 background是CSS中被严重低估的核心属性,远不止设置颜色或图片那么简单。它直接参与浏览器渲染管线调度、GPU图层合成、资源加载优先级决策及无障碍对比度计算。理解其底层原理——如premultiplied alpha透明度计算、image-set()的资源选择机制、background-position百分比的动态基准逻辑,以及background-clip与background-origin的协同关系——是实现高性能响应式设计与合规暗色模式的基础。尤其在高DPR设备适配、WCAG对比度验证、Lig 阅读详情
 /** 音乐播放器
 * @param obj 	播放器id
 * @param file 	音频文件 mp3: ogg:
 * @param loop	是否循环
 */
 function audioplayer(id, file, loop){
 	var audioplayer = document.getElementById(id);
 	if(audioplayer!=null){
 		document.body.removeChild(audioplayer);
 	}

 	if(typeof(file)!='undefined'){
 		if(navigator.userAgent.indexOf("MSIE")>0){	// IE
		
			var player = document.createElement('bgsound');
			player.id = id;
			player.src = file['mp3'];
			player.setAttribute('autostart', 'true');
			if(loop){
				player.setAttribute('loop', 'infinite');
			}
			document.body.appendChild(player);
 		
 		}else{	// Other FF Chome Safari Opera
		
			var player = document.createElement('audio');
			player.id = id;
			player.setAttribute('autoplay','autoplay');
			if(loop){
				player.setAttribute('loop','loop');
			}
			document.body.appendChild(player);
			
			var mp3 = document.createElement('source');
			mp3.src = file['mp3'];
			mp3.type= 'audio/mpeg';
			player.appendChild(mp3);
			
			var ogg = document.createElement('source');
			ogg.src = file['ogg'];
			ogg.type= 'audio/ogg';
			player.appendChild(ogg);
 		
 		}
 	}
 }

Demo:

var file = [];
file['mp3'] = '1.mp3';
file['ogg'] = '1.ogg';
audioplayer('audioplane', file, true); // 播放
audioplayer('audioplane'); // 停止



【UE5_蓝图】实时音频采集与动态WAV文件保存实战指南 本文详细介绍了在UE5中使用蓝图实现实时音频采集与动态WAV文件保存的完整流程。从插件配置、录音框架搭建到动态文件名生成和音频参数优化,提供了实用技巧和常见问题解决方案,特别适合需要快速实现音频采集功能的开发者。 阅读详情

相关推荐

【GD32篇】驱动AD7616完成数据采集

GD32F10X驱动AD7616完成数据采集

we_long的博客 1万+

解决iOS h5 audio自动播放(亲测有效)

微信H5页面,实现audio自动播放: function initMusic() { var audio = document.createElement('audio'); audio.setAttribute('id', 'audio'); audio.setAttribute('autoplay', 'autoplay'); audio.setAttribut...

编程架构三分天下:分层、分治、分时序。 7932

unet学习笔记(milesial/Pytorch-UNet)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 unet学习笔记(milesial/Pytorch-UNet)原理讲解unet_parts.py内容predict.py内容 所用到的代码Pytorch-UNet/predict.py at master · milesial/Pytorch-UNet ·GitHub 原理讲解 蓝/白色框表示 feature map; 蓝色箭头表示 3x3 卷积,用于特征提取; 灰色箭头表示skip-connection,用于特征融合; 红色箭头.

weixin_67138138的博客 2553

html safari播放mp3,js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下:/** 音乐播放器* @param obj 播放器id* @param file 音频文件 mp3: ogg:* @param loop 是否循环*/function audioplayer(id, file, loop){var audioplayer = d...

weixin_42512798的博客 666

Vue项目实战:5分钟搞定高德地图离线部署(附避坑指南)

本文详细介绍了在Vue项目中实现高德地图离线部署的完整方案。针对内网或网络隔离环境,通过获取并改造JSAPI文件、下载组织地图瓦片数据,并集成vue-amap组件,实现地图功能的本地化运行。文中提供了核心代码、避坑指南及性能优化建议,帮助开发者快速构建稳定可靠的离线地图应用。

data3的博客 935

基于Android Studio的校园智能点餐系统开发实战(附完整源码与部署指南)

本文详细介绍了基于Android Studio开发校园智能点餐系统的完整流程,包括需求分析、环境搭建、数据库设计、客户端与后台功能实现。系统采用SSM框架和MySQL数据库,解决了校园食堂高峰期排队问题,提供高效的点餐体验。附完整源码与部署指南,助力开发者快速构建类似应用。

weixin_29015801的博客 558

使用JS生成Audio元素

我想自己写一个JS音乐播放器,所以这段时间一直在查看相关的资料.这次,就先记录一下,使用JS生成Audio元素的方法. 1. document.createElement()方法 使用如下代码: var audio = document.createElement('audio') //生成一个audio元素 audio.controls = true //这样控件才能显示出来 ...

hsany330的专栏 2972

Python 爬虫实战:在丁香医生抓取健康科普文章阅读量,普及健康知识

requests:用于发送 HTTP 请求,获取网页内容。或 lxml:用于解析 HTML 页面,提取目标数据。pandas:用于数据清洗和分析。matplotlib和seaborn:用于数据可视化。通过本项目,我们实现了以下目标:使用 Python 爬虫抓取丁香医生的健康科普文章阅读量。对数据进行清洗和分析,找出热门文章。通过可视化展示数据,并普及健康知识。

u014481728的博客 1566

音频播放器

HTML+JS的音频播放器 Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。 试着用audio 与 windows media 编写一个多浏览器支

T9Team的专栏 2021

人员行为规范检测:YOLOv8+C#实现工厂车间安全监控,违规即报警零延迟

该方案通过YOLOv8的装备检测与姿态估计的动作识别,结合C#的实时管控能力,实现了从“被动巡检”到“主动预警”的转变。相比传统人工,违规响应速度提升10倍,全年可减少90%以上的安全隐患。方案已在3家制造企业落地,支持自定义违规规则(如新增“吸烟”“未系安全带”),可根据车间场景灵活扩展。需要完整的模型训练配置文件(含数据集增强脚本)或C#系统源码(视频处理+报警模块)的,评论区扣“SafetyDetect”,可直接获取部署版本~

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 1174

lammps蒙特卡洛MC模拟案例

在lammps中,和MC相关的模拟命令有三个:fix gcmc、fix atom/swap、fix sgcmc。在一个lammps模拟中,mc和md可同时存在,间隔运行,所以设置fix sgcmc命令的同时,可以同时设置系综(nve、nvt或者npt)。lammps官网自带案例中也有一个fix sgcmc的案例,主要模拟FeCu合金的MC建模。sgcmc命令可应用到合金的模拟中,如短程有序模拟。MC运行间隔为100步,最终的浓度比例为0.02,也就是2%的Fe原子交换为Cu原子。大家好,我是小马老师。

lammps_jiayou的博客 1824

播放音乐方法 兼容IE FF Chrome Opera Safari

播放音乐方法 兼容IE FF Chrome Opera Safari

hsyyff的博客 309

DA14531之如何Debug(在线调试、Jlink仿真、串口打印)

在线调试和串口打印调试。在线调试是Keil软件配合Jlink编译、烧录、仿真为一体的,其操作包括:运行、停止、打断点,单步运行等。而串口打印调试,只需打开相关配置,让arch_printf()函数正常输出串口数据。若想在初始化完成后打印arch_printf(“goto Loop\r\n”);波特率为115200,接收到串口消息goto Loop。连好线后,点击仿真按钮,在线Jlink调试。

hejinwu1314的博客 1792

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

代码如下: /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(aud...

weixin_34409703的博客 191

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

DOM Ready 详解

DOM Ready 概述 熟悉jQuery的人, 都知道DomReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. 另外我们需要在DOM准备完毕后, 再修改D...

187

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

复习日记2 浏览器

还在html部分

weixin_48743974的博客 228

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

制作Html标签以及表单、表格内容

制作Html一般用DW(。。。。。。),Html全称为(Hyper Text Markup Language 超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐,图像,连接等等 网页分为动态网页与静态网页 动态网页:在网页上发布好的,通过网络浏览到得具有访问数据库的过程。 静态网页:不需要访问数据库,直接写进Html文档的内容。 H...

dfgh11123的专栏 553

simple-acme通知插件配置指南:邮件与自定义脚本双通道提醒

simple-acme 是一款免费的跨平台 ACME 客户端(用于 Let's Encrypt 等证书颁发机构),内置 Email(邮件)与 Script(自定义脚本)两种通知通道。本指南将带你用最少的配置,快速搭建证书续期的双通道提醒体系:续期失败时立刻收到邮件报警,同时触发脚本推送到任意平台。 ## 为什么需要通知插件? Let's Encrypt 签发的证书有效期只有 90 天,simp

gitblog_00496的博客 290

八大疯狂的HTML5 Canvas及WebGL动画效果——8 CRAZY ANIMATIONS WITH WEBGL AND HTML5 CANVAS【收藏】...

HTML5, WebGL and Javascript have changed the way animation used to be. Past few years, we can only achieve extraordinary web animation by using Flash and Java Applet. It's possible to create insane ef...

weixin_30376163的博客 191

js面试题收集

js面试题整理 链接 H5 新特性 50个css面试题 css优化,js优化以及web性能优化 js面试题知识点全解(一原型和原型链) 如何实现浏览器内多个标签页之间的通信? (阿里) WebSocket、SharedWorker; 也可以调用localstorge、cookies等本地存储方式; localstorge另一个浏览上下文里被添加、修改或删除时,它都会触发一个事件, 我们通过监听...

weixin_44218695的博客 376

工作中使用到的单词(软件开发)

1.エイリアス   alias 别名 powershell使用 get-help 命令时,会得到与此命令 相关(别名)的命令 2.プロキシ proxy 代 理 3.プロモート   promote 促进,提升   开发的系统新功能上线发布,有时会使用到这个词,比如 STプロモート 还有使用リリース这个词的。比如STリリース。个人认为两者含义相同。 4.見逃し み................................................................

sun0322 6万+

爆肝一个月,Python 从入门到精通

本文介绍了Python的安装与基础编程知识。Python是跨平台语言,可在Windows、Mac和Linux系统上运行。安装时应选择最新的Python 3.x版本,并确保勾选“Add Python to PATH”。文章详细说明了在不同操作系统下安装Python的方法,包括使用官方安装包或包管理器(如Scoop、Homebrew)。随后,介绍了Python解释器的基本功能,包括命令行交互环境和集成开发环境。文中还讲解了如何编写第一个程序,强调通过手动输入代码来培养编程感觉,并介绍了变量、数据类型、字符串编码

lw_zhang1101的博客 2031

Javascript控制html5 Audio标签

Javascript控制html5 Audio标签 9 Replies 在上一篇文章:Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了。这里写篇文章记录一下:如何使用js控制html5的audio标签。 javascript动态创建audio标签 在页面中添加audio元素的方法主要是两种,一种是在html中加入a

小小黑 3万+
上一篇: 使用CSS实现圈人效果(CSS Sprites)
下一篇: PHP AES256加密算法
傲雪星枫
博客等级 码龄15年 2307粉丝 306原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值