Rumah > hujung hadapan web > Tutorial H5 > html5 melaksanakan pemain yang sangat serasi dengan kemahiran tutorial browsers_html5 utama

html5 melaksanakan pemain yang sangat serasi dengan kemahiran tutorial browsers_html5 utama

WBOY
Lepaskan: 2016-05-16 15:46:55
asal
1765 orang telah melayarinya

Kami akan mendapati bahawa keserasian main balik lagu tidak begitu baik Contohnya, pemain flash yang boleh dimainkan pada IE bukanlah aplikasi yang baik pada Firefox atau Chrome kerana halangan pemalam HTML5 telah menjadikan ini Semuanya telah menjadi mungkin, tetapi walaupun pemain bermain, kami masih perlu memberi perhatian kepada pengalaman pengguna, jadi kami menulis pemain yang serasi HTML! Ia serasi ke belakang dengan IE6-9, chrome, firfox, opera dan pemain arus perdana yang lain Ia sepatutnya serasi sepenuhnya! Kod prinsip pelaksanaan dibentangkan kepada semua orang!


Salin kod
Kod tersebut adalah seperti berikut:





歌词同步播放器-powered by widuu xiaowei








<script><br>//<![CDATA[<br />$(document).ready(function(){<br /> $("#jquery_jplayer_1").jPlayer({<br /> ready: function (event) {<br /> $(this).jPlayer("setMedia", {<br /> mp3:"yangcong.mp3" //mp3的播放地址<br /> }).jPlayer("play");<br /> },<br /> timeupdate: function(event) {<br /> if(event.jPlayer.status.currentTime==0){<br /> time = "";<br /> }else {<br /> time = event.jPlayer.status.currentTime;<br /> }<br /> <br /> },<br /> play: function(event) {<br /> //点击开始方法调用lrc。start歌词方法 返回时间time<br /> <br /> if(event.jPlayer.status.currentTime==0){<br /> $("#jquery_jplayer_1").jPlayer("pause",1);<br /> }<br /> <br /> if($('#lrc_content').val()!==""){<br /> $.lrc.start($('#lrc_content').val(), function() {<br /> return time;<br /> });<br /> }else{<br /> $(".content").html("没有字幕");<br /> }<br /> },<br /> repeat: function(event) {<br /> if(event.jPlayer.options.loop) {<br /> $(this).unbind(".jPlayerRepeat").bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() {<br /> $(this).jPlayer("play");<br /> });<br /> } else {<br /> $(this).unbind(".jPlayerRepeat");<br /> }<br /> },<br /> swfPath: "/js", //存放jplayer.swf的决定路径<br /> solution:"html, flash", //支持的页面<br /> supplied: "mp3", //支持的音频的格式<br /> wmode: "window" <br /> <br /> });<br /> $("#lrc_content").hide();<br />});<br />//]]><br></script>




Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan