如今HTML已經是比較熱門的了,各種關於HTML5的應用程序、游戲、應用商店等也如火如荼的展開了。各大主流浏覽器也紛紛開始支持HTML5標准,以備打贏新的一輪浏覽器大戰。請查看:谷歌Chrome打造Web平台新航母:拭目以待(http://tech.it168.com/a2012/0217/1313/000001313414.shtml )
話不多說,不知道大家有沒有發現,可以用比較新的版本的谷歌浏覽器直接打開.mp3格式的音樂。自己可以試試:
這是用谷歌浏覽器直接打開mp3文件的情況。 其實,許多新的浏覽器都開始支持HTML5中 標簽,使得一些格式的流媒體可以擺脫對插件的依賴。 下面我就以標簽做一個簡易的音樂播放器.
控件可以通過一些內置的JavaScript函數和特性進行控制,以及進行二次開發。例如load()、play()、pause()等控制音頻播放的函數,paused、ended、currentTime、startTime等屬性等.
對於這個簡易播放器具有播放暫停、快進、快退等功能,結合對象繪制圖形
- <%@language='javascript' %>
- <html>
- <head>
- <title>PlayMusic</title>
- <style type=”text/css”>
- div.s{position:absolute;left:100px;top:200px;width:600px;}
- audio{width:600px;position:absolute;left:0px;top:100px;}
- canvas{position:absolute;left:0px;top:40px;}
- marquee{position:absolute;left:250px;top:180px;}
- h1{color:Red;}
- h1.a{color:Green;position:absolute;left:200px;top:50px;}
- </style>
- </head>
- <body>
- <h1 class=”a”>歡迎使用HTML5播放器</h1>
- <%
- var name = Request.QueryString(“name”);
- if (name == ”")
- name = ”";
- name1 = ”save_music” + name + ”.mp3″;
- //Response.Write(name);
- %>
- <marquee behavior=scroll scrolldelay=200&nb