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
WBOYasal
2016-05-16 15:46:551766semak imbas

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>




Kenyataan:
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