简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Artikel  >  hujung hadapan web  >  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:551745semak 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
Artikel sebelumnya：Teg audio HTML5 menggunakan js untuk kawalan main balik example_html5 kemahiran tutorialArtikel seterusnya：Teg audio HTML5 menggunakan js untuk kawalan main balik example_html5 kemahiran tutorial

Artikel berkaitan

Lihat lagi