html5 melaksanakan pemain yang sangat serasi dengan kemahiran tutorial browsers_html5 utama

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:

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


<br>[ar:测试用 ] <br>[00:03.00]洋葱<br>[00:06.00]演唱：平安<br>[00:09.00]<br>[00:11.38]如果你眼神能够为我片刻的降临<br>[00:21.23]如果你能听到心碎的声音<br>[00:28.88]盘底的洋葱像我永远是配角戏<br>[00:35.74]偷偷的看着你偷偷的隐藏着自己<br>[00:43.48]<br>[00:44.90]如果你愿意一层一层<br>[00:48.46]一层的剥开我的心<br>[00:52.66]你会发现你会讶异<br>[00:56.40]你是我最压抑最深处的秘密<br>[01:00.26]如果你愿意一层一层<br>[01:03.69]一层的剥开我的心<br>[01:07.76]你会鼻酸你会流泪<br>[01:11.60]只要你能听到我看到我的全心全意<br>[01:18.30]<br>[01:19.11]如果你愿意一层一层<br>[01:22.57]一层的剥开我的心<br>[01:26.66]你会发现你会讶异<br>[01:30.41]你是我最压抑最深处的秘密<br>[01:34.48]如果你愿意一层一层<br>[01:37.58]一层的剥开我的心<br>[01:41.51]你会鼻酸你会流泪<br>[01:45.15]只要你能听到我看到我的全心全意<br>[01:53.55]<br>[01:55.65]你会鼻酸你会流泪<br>[01:59.84]只要你能听到我看到我的全心全意<br>[02:12.57]<br>

• play


• pause


• stop


• mute


• unmute


• maximale Lautstärke

< /div>

• repeat


• repeat off

• mp3player powered by xiaowei

Update erforderlich
Zum Abspielen der Medien benötigen Sie um entweder Ihren Browser auf eine aktuelle Version oder Ihren http://get.adobe.com/flashplayer zu aktualisieren /" target="_blank">Flash-Plugin.

点击开始播放……

Label berkaitan：

html5 Sangat serasi 播放器

sumber：php.cn

Artikel sebelumnya：Teg audio HTML5 menggunakan js untuk kawalan main balik example_html5 kemahiran tutorial Artikel seterusnya：Ringkasan semua teg HTML5 dan penjelasan tentang kemahiran tutorial teg meaning_html5

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

Artikel terbaru oleh pengarang

• Apakah itu NullPointerException, dan bagaimana saya membetulkannya?
  2024-10-22 09:46:29
• Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C
  2024-10-13 13:53:41
• Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula
  2024-10-12 12:15:51
• Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu
  2024-10-11 22:47:31
• Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak
  2024-10-11 19:36:51
• Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak
  2024-10-11 15:50:41
• Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula
  2024-10-11 15:07:41
• PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web
  2024-10-11 14:21:21
• Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda
  2024-10-11 12:59:11
• Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula
  2024-10-11 12:17:31

Isu terkini

Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...

daripada 2024-04-06 15:33:12

0

1

433

Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...

daripada 2024-04-05 12:57:00

0

1

456

Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...

daripada 2024-04-02 11:47:56

0

1

275

Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....

daripada 2024-04-01 20:42:38

0

1

259

Topik-topik yang berkaitan

Lagi>

• Apakah kaedah penghasilan penghasilan animasi html5?
• Perbezaan antara HTML dan HTML5
• Bagaimana untuk memadam data dalam MongoDB
• Penggunaan fungsi instr dalam oracle
• Bagaimana untuk membeli dan menjual Bitcoin di Binance
• Bagaimana untuk menyelesaikan ketidakserasian beban pelayan
• Apa yang berlaku apabila perisian ranap?
• Cara memohon e-mel perniagaan