html5播放音频在纯js中播放
c_a_3();
html5æ??æ??éŸ?é??å?‚ä,?åœ?çº?jsä??æ??æ???
å??èƒ,è??ä?ªé??é??å?ˆç??å??ï,Œå?ªæ??æˆ?ä??æ??æ??è,?è?‡å,?ï,Œ
ä?‹é??è??ä?ªä??ç •ï,Œæ??åœ?htmlæ?‡ä??çš„æ ‡ç??ä??æ??æ??éŸ?é??çš„æ??æ??ï,š
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
HTML
HEAD
TITLE New Document /TITLE
META NAME= Generator CONTENT= EditPlus
META NAME= Author CONTENT=
META NAME= Keywords CONTENT=
META NAME= Description CONTENT=
/HEAD
BODY
audio controls= controls autoplay= autoplay
source src= E:\01.mp3 type= audio/mpeg
Your browser does not support the audio tag.
/audio
/BODY
/HTML
ç??åœ?ï,Œæˆ?æƒ?åœ?test.jsæ?‡ä??ä??æ??æ??è??ä?ªéŸ?é??ï,Œè??æ??ä?ˆå†
?å???
script
function play(url){//urlä?ºmp3æ?‡ä??è??å?„
//è??里è??æ??ä?ˆå†?å???æ‰?èƒ,è??æˆ?è?ƒç??è??ä?ªå‡,æ??æ??ï,Œç?‹å ?
æ??æ??MP3?
}
/script
------æœ?ä,?è??å†?æ??æ?ˆ--------------------------------------------------------
document.createElement('audio')
------å…?ä??è??å†?æ??æ?ˆ--------------------------------------------------------
mp3å,,åƒ?å?ªæœ‰chromeèƒ,æ??æ??ï,ŒIE9+ä??çŸ,é??è?Œä??ï,Œæ??å?‰è?…
script type= text/javascript
function play(url) {
var a = document.getElementById('audio');
a.src = url;
a.play();
}
/script
input type= button value= Play onclick=
play(';š?å,œç??畵.MP3')
/
audio controls= controls autoplay= autoplay id= audio
Your browser does not support the audio tag.
/audio
audio事ä??
------å…?ä??è??å†?æ??æ?ˆ--------------------------------------------------------
æ??人å›?ç???看æ?,è??ä?ªé??é??真有ç‚?éš?åº??è??æ??é??人éƒ,å?ƒé,?å??了å???
å??ç?‰å,?è??æ?,è??å†?ã?‚ã?‚ã?‚ã?‚ã?‚
è??ä?ªåŠŸèƒ,å…?å??å?ˆæœ‰ç??å?Šï,Œè?,ç„?è??è??åœ?æ??æŒ?html5çš„æµ?è?ˆå??ä?‹è??è?Œï,Œä,†å??ç??çš„è??ï,Œä?,å??ï,Œå?šå??éŸ?æ??é??çš„åº?ç
??ï,Œå??ä??è??ç??é‚?些ç??ä?‰æ??çš„å??éŸ?æ??ä??å??
------å…?ä??è??å†?æ??æ?ˆ--------------------------------------------------------
å,?ç??:
document.createElement('audio')
ç??è??ç? æ??æ??ï,Œåˆ›å?ºå?Œæ ‡ç??ï,Œè?Œä,,æ??æ??ä??了ï,Œæˆ?å†?ç ?
ç??看ä?‹ã?‚
------å…?ä??è??å†?æ??æ?ˆ--------------------------------------------------------
èƒ,
è‡?å?? webkit æµ?è?ˆå?? å??ä?,
------å…?ä??è??å†?æ??æ?ˆ--------------------------------------------------------
è??å†?了ï,Œæ„Ÿè??æ,,ä?Šä?,ä, å??ä? ç›?åŠ?ï,Œæœ?ç?ˆä??ç •å?‚ä?‹ï,š
!DOCTYPE html
HTML
HEAD
TITLE New Document /TITLE
/HEAD
BODY
!--
audio controls= controls autoplay= autoplay
source src= E:\01.mp3 type= audio/mpeg
Your browser does not support the audio tag.
/audio
--
script
function play(url){
alert(url);
var audio = document.createElement('audio');
var source = document.createElement('source');
source.type = audio/mpeg ;
source.type = audio/mpeg ;