网上找了好多方法,都没有成功,js如果想要完全控制object对象,会提示TypeError: player.controls is undefined错误,是因为需要安装音频播放器插件。无意中灵机一动采用了一种便捷的方法轻松实现了,无需安装插件(ie自带的media player插件),感谢灵感。
Code:
<head>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
</head>
<div id="audioDiv" style="display: none;"></div>
<a href="javascript:void(0);" onclick="startSound();">播放</a>
<a href="javascript:void(0);" onclick="stopSound();">停止</a>
<script type="text/javascript">
function startSound() {
var mp3snd = "文件路径";
var myaudiohtml = "";
if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
myaudiohtml += '<embed src="'+mp3snd+'" type=application/x-mplayer2 width="0" height="0" autostart="1"/>';
} else if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) {
myaudiohtml += '<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">';
myaudiohtml += '<param name="filename" value="'+mp3snd+'">';
myaudiohtml += '<param name="autostart" value="1">';
myaudiohtml += '<param name="playcount" value="infinite">';
myaudiohtml += '</object>';
} else {
myaudiohtml += '<audio src="'+mp3snd+'" autoplay="autoplay" loop="loop">';
myaudiohtml += '<object data="'+mp3snd+'" type="application/x-mplayer2" width="0" height="0">';
myaudiohtml += '<param name="filename" value="'+mp3snd+'">';
myaudiohtml += '<param name="autostart" value="1">';
myaudiohtml += '<embed height="2" width="2" src="'+mp3snd+'" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="false"><br>';
myaudiohtml += '</embed></object>';
myaudiohtml += '</audio>';
}
document.getElementById("audioDiv").innerHTML = myaudiohtml;
}
function stopSound() {
document.getElementById("audioDiv").innerHTML = "";
}
</script>
相关推荐
从浏览器与音频文件或麦克风互动。 在尝试如何使用从麦克风播放 < script src =" jsbeater.js " > </ script >< script >window . onload = ( ) => {let threshold = 180 // Default 180jsbMic ( ...
浏览器麦克风实时录制音频流数据,通过webscoket传输至后台,根据实际业务进行开发
准备插件:amrnb.min.js,pcmdata.min.js <!DOCTYPE html> <title>Audio Example <span class="bold">amr文件(*.amr): <script src="/amr_player/amrnb.min.js"> <script src="/amr_player/pcmdata.min.js...
可以用audio标签兼容ie8/7/6以及google浏览器播放音频文件
纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持,基于amr.js 和 RecorderJs。 特性 方便的 API 实现解码、播放、录音、编码 AMR 文件。 支持 url 和 blob (即<input type="file">)方式获取 AMR。...
文件分为两个,一个是实时获取音频流的文件,另一个是录音并上传至后台的文件,建议都在服务器环境下打开,这两天从网上整理的,希望对大家有所启发。
为了解决在safari浏览器video标签无法播放视频的问题
支持大部分已实现getUserMedia的浏览器,包括腾讯Android X5内核(QQ、微信)。...如果对录音文件大小没有特别要求,可以仅仅使用录音核心 wav编码器,源码不足300行,压缩后的recorder.wav.min.js不足4kb。
音频记录.js 用于 HTML5 的简化音频记录器,它使用 WebAudio API 将麦克风输入导出为 wav、mp3 或 ogg 文件。 基于 、 和 快速而肮脏的用法 audioRecorder.requestDevice(function(recorder){ // Create a ...
moviemasher.js | | JavaScript库,用于基于浏览器的实时视频和音频编辑moviemasher.js 使用moviemasher.js可以在canvas元素内编辑和显示视频,音频和图像的混搭。 其播放器的工作方式类似于本机HTML5视频播放器,但...
用html+js实现的本地音乐播放器,无需插件即可运行,上传音乐、上一曲、下一曲、暂停、播放、列表循环、单曲循环、随机播放、音乐时长、进度条、进度条点击跳转播放这些基本功能都有,同时还实现了音频可视化,绘制...
大家知道FLASH是播放不了WMA格式的文件的,这个本质上是用浏览器播放的。
网络音频录制和播放 实时网络 - ITP 纽约大学 实时录音和播放,具有 wav 文件下载功能 使用 node.js、socket.io 和 recorderjs 构建 npm install node, npm install socket.io
在某些情况下,视频或音频文件将无法流式传输,因为它们的格式不是浏览器可以流式传输的格式,因此在播放之前,文件将被完全下载。 对于其他不可流式处理的文件类型,例如图像和PDF,将先下载文件然后显示。 使用此...
html5 js 录音 mp3 wav ogg webm amr g711a g711u 格式,支持在大部分已实现getUserMedia的移动端、PC端浏览器麦克风录音、实时处理...音频文件的上传和播放:可直接使用常规的Audio HTML标签来播放完整的音频文件。
标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: 复制代码代码...
浏览器mp4到音频样本 在浏览器中使用js从mp4视频文件中提取音频的示例页面
为了最大程度地减少波形绘制时间,有必要向JSON文件或以数字形式表示音频文件的波形的数据数组/对象提供URL。 提供JSON文件时,其名称应与相应的音频文件相同,并且应位于相同的位置。 如果此JSON文件不存在,并且...
从音频文件(又名波形、声波)为笔式绘图仪创建图形。 分析音频:计算“峰值”(N 个时隙的每个时隙的音量) 可视化峰样式: zigzag : 在水平中心线上方和下方交替绘制点。 远看像标准波形,近看像频率图。 不...