audiojs修改src_现成的网页MP3播放器JS帮我修改成可自动连播的

A. 动态添加audio代码，引入的audio.min.js和样式无效，怎么解决

<!doctype html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<link href="index.css" rel="stylesheet">
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><button value="onclick" onclick="audio()">onclick</button>
</td>
</tr>
<tr>
<td><div id="f"></div></td>
</tr>
</table>
<script src="audio.min.js"></script>
<script>
audiojs.events.ready(function() {
audiojs.createAll();
});
</script>
<script type="text/javascript">
function audio() {
var a = '<audio id="d" src = "123.mp3" controls>';
$("#f").html(a);
}
</script></body>
</html>

这样写，js一般放到后面加载

B. 现成的网页MP3播放器JS，帮我修改成可自动连播的。

哦，明白了,改库的代码不好改.. 你可以这样.
HTML之间也可以传值的从一个页面跳到下回一个页面，你把当前播放到那答一个了传到下一页面就可以了。。
比如当前1页面放完了，向下跳的时候，传个1到2页面,2页面就知道我要放2歌曲了.
这个就相当于把nextUrl="111.html" 换成传值了.
可以在网络搜索【一个html向另一个 html传值】

C. 关于用js改变背景图片的问题（包含背景音乐）JQ也行，啥都行，请朋友们帮忙看看能不能写出来

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<style type="text/css">
body { background-image: url(bg.jpg) ; }

</style>

</head>
<body>
<input id="bnt1" type="button" value="下一个">
<audio src="" autoplay="autoplay"></audio>
<script type="text/javascript" >
var oBtn=document.getElementById('bnt1');
var audio = document.getElementsByTagName('audio')[0];
var body = document.getElementsByTagName('body')[0];

var i=0;
var j=0;
var bg=new Array('bj1.gif','bj2.gif');//背景图片地址
var music=new Array('xusong.mp3','ytian.mp3');//歌曲地址
oBtn.onclick=function()
{

bj();
Music();

}

function bj()
{

i++;
if(i>bg.length-1)
{
i=0;

}
body.style.backgroundImage="url("+bg[i]+ ")";
}

function Music(){
j++;
if(j>music.length-1)
{
j=0;

}

audio.src = music[j];

}

</script>
</body>
</html>

D. jsaudio缓冲区大小设置

缓冲区大小(Buffer Size)是JSaudio框架中常用的一种参数设置。其实，它也是所有Web音频API都必须面对的一个有效解决方举耐案，因为它有助伏答巧于提高声音的播放流畅度(Smoothness)。
缓冲区的大小是以毫秒(Millisecond)为单位的。设置更大的缓冲区，能够让 web audio API 更好的去理解和处理你的音乐文件，从而使得音乐播放更加平滑顺畅。另外，设置较小的缓冲区可以加快音乐文件的加载速度，但是会导致声音变得不够流畅。
为了获得最佳的播放效果，JSaudio缓冲区大小一般被设置为200ms到500ms之间。此缺键外，这个缓冲区大小也要根据你要播放的文件大小和类型来进行调整。

E. 如何使用JavaScript控制Audio对象

HTML5 中的audio对象提供可用于通过JavaScript控制播放的方法、属性以及事件。

在JavaScript中播放和暂停音频播放
使用HTML5
audio元素可向网页中添加音频，而无需使用外部控件或程序。但是，除非你的网页只需要一个简单的音频播放器，否则你很可能想对加载的音频文件及其播放
拥有更多的控制。若要将audio元素与 JavaScript 结合使用，请定义audio标记，该标记具有 "ID"
并且可以选择省略其他所有内容。你可以显示或隐藏内置控件，或将音频设置为在页面加载时自动播放。使用
JavaScript，你仍然可以执行该操作并且还可以执行进一步操作。

在以下示例中，我们在 HTML 中使用简单的 audio 标记语法。
<input type="text" id="audiofile" size="80" value="demo.mp3" />
音频播放器的所有其他功能可通过JavaScript进行控制，如以下脚本所示。

var currentFile = "";
function playAudio() {
// Check for audio element support.
if (window.HTMLAudioElement) {
try {
var oAudio = document.getElementById('myaudio');
var btn = document.getElementById('play');
var audioURL = document.getElementById('audiofile');
//Skip loading if current file hasn't changed.
if (audioURL.value !== currentFile) {
oAudio.src = audioURL.value;
currentFile = audioURL.value;
}
// Tests the paused attribute and set state.
if (oAudio.paused) {
oAudio.play();
btn.textContent = "Pause";
}
else {
oAudio.pause();
btn.textContent = "Play";
}
}
catch (e) {
// Fail silently but show in F12 developer tools console
if(window.console && console.error("Error:" + e));
}
}
}
在示例的 HTML 部分，为audio元素指定id="myaudio" 和源文件"demo.mp3"。定义 id="play" 的按钮和触发 "playAudio()" JavaScript 函数的onclick事件。

在 JavaScript 部分中，使用
document.getElementById返回audio 对象。play和pause方法用于提供播放控制。检索button
对象以便可以在“播放”和“暂停”之间切换按钮标签，具体情况取决于audio 对象的paused属性的状态。每次调用 "playAudio"
函数时都会检查该状态。如果音频文件正在播放，则paused属性返回false，并且调用pause方法来暂停播放。按钮标签也设置为“播放”。

如果文件已暂停，则paused属性返回true，并且调用play方法，按钮标签更新为“暂停”。第一次加载文件时，即使尚未显式调用 pause方法，paused属性也返回 true（播放已暂停）。

在HTML代码中，默认情况下按钮处于禁用状态。当页面加载时，在主体标记中使用 onload 事件调用checkSupport() 函数。如果 audio元素存在，则启用按钮。

F. 如何修改HTML5 audio 的样式

不能修改（不同浏览器表现的默认播放器是不一样得）竖掘，唯一族森的方法就是你自己制作按钮样式后通过Js把相兆纤亩应的功能嵌套到你的按钮中：
具体参考http://www.runoob.com/try/try.php?filename=tryhtml5_video_js_prop

G. HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取

将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器，并且能够播放音乐。为了兼容，下面的写得比较乱，可以不用JS，整理一下，直接放HTML中也行。

音乐播放器标签的JS代码：

[javascript] view plain
var musicSrc = "../music/1.mp3";

var bower = window.navigator.userAgent;
if(bower.indexOf("MSIE 6")!=-1 || bower.indexOf("MSIE 7")!=-1||bower.indexOf("MSIE 8")!=-1){
content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";
}else if(bower.indexOf("Firefox")!=-1){
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload width=120px><p>小
乐会唱歌，但您的浏览器版本过低，不支持播放小乐的歌声。~~~~(>_<)~~~~ </p></audio>" ;
} else{
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload><p>小乐会唱歌，但您的浏览器版
本过低，不支持播放小乐的歌声。~~~~(>_<)~~~~</p></audio>" ;
}

通过JS暂停音乐播放器的JS代码如下：

[javascript] view plain
var audio = document.getElementById('music1');
if(audio!==null){
//
检测播放是否已暂停.audio.paused 在播放器播放时返回false.<span style="font-
family: Arial, Helvetica, sans-serif;">在播放器暂停时返回true</span>

if(!audio.paused)
{
audio.pause();// 这个就是暂停//audio.play();// 这个就是播放
}
}

H. 如何用js控制audio元素连续播放mp3文件

1、首先我们先来看一下音频元素最基本的应用以及样式，如下图所示，运用audio元素即可内,controls是用来控制容是否显示控制条。

I. 如何修改HTML5 audio 的样式

写<audio>的时候衫简不要用或余裤controls，然后自己写div或者a标签，定义样式。
再用js捕获audio事件就可以了。基本就是src pause暂停 load加载 play播放。
想再做个进度条，可以用个宽高定长的div来做，计算整个音频的时间除以比值，用setTimeout走毁链div背景色

J. 求js控制html5的audio元素代码

这里我们可以使用来进行控制，代码如下：
var audio ;
window.onload = function(){
initAudio();
}
var initAudio = function(){
//audio = document.createElement("audio")
//audio.src='Never Say Good Bye.ogg'
audio = document.getElementById('audio');
}
function getCurrentTime(id){
alert(parseInt(audio.currentTime) + '：秒');
}

function playOrPaused(id,obj){
if(audio.paused){
audio.play();
obj.innerHTML='暂停';
return;
}
audio.pause();
obj.innerHTML='播放';
}

function hideOrShowControls(id,obj){
if(audio.controls){
audio.removeAttribute('controls');
obj.innerHTML = '显示控制框'
return;
}
audio.controls = 'controls';
obj.innerHTML = '隐藏控制框'
return;
}
function vol(id,type , obj){
if(type == 'up'){
var volume = audio.volume + 0.1;
if(volume >=1 ){
volume = 1 ;

}
audio.volume = volume;
}else if(type == 'down'){
var volume = audio.volume - 0.1;
if(volume <=0 ){
volume = 0 ;
}
audio.volume = volume;
}
document.getElementById('nowVol').innerHTML = returnFloat1(audio.volume);
}
function muted(id,obj){
if(audio.muted){
audio.muted = false;
obj.innerHTML = '开启静音';
}else{
audio.muted = true;
obj.innerHTML = '关闭静音';
}
}
//保留一位小数点

function returnFloat1(value) {
value = Math.round(parseFloat(value) * 10) / 10;
if (value.toString().indexOf(".") < 0){
value = value.toString() + ".0";
}
return value;

导航:首页 > 编程语言 > audiojs修改src

audiojs修改src

与audiojs修改src相关的资料

友情链接