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相關的資料

友情鏈接