WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

ZoomSounds - neat HTML5 Audio Player

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Pengenalan

Mahu bagus, canggih, retina sedia, responsif pemain audio HTML5 untuk laman web anda? ZoomSounds adalah calon yang tepat. Dengan tiga kulit untuk muat setiap jenama, hanya satu format yang diperlukan untuk berfungsi, ZoomSounds

New - Dengan Senarai Main

New - WP Version

Audio Player Ciri-ciri

  • Teknologi HTML5 - galeri ini menggunakan tehniques HTML5 terkini untuk menyampaikan yang tidak pernah dilihat sebelum ini pengalaman untuk pelanggan-pelanggan anda
  • sepenuhnya responsif - kelihatan besar daripada bergerak kepada HD
  • flash sandaran - IE7 dan ie8 tidak menyokong HTML5, tetapi pengguna tidak forgetten, bunyi akan bermain untuk mereka juga melalui pemain flash
  • satu format wajib - bahagian yang sukar dilakukan oleh skrip pemain dalam usaha untuk pengguna untuk mempunyai penyuntingan pengalaman yang mudah - hanya mp3 diperlukan
  • sentuh dioptimumkan - Peranti sentuh tidak dilupakan
  • lima kulit - untuk setiap keperluan
  • tiga kulit - tiga kulit penuh untuk muat setiap jenama
  • Teknologi CSS3 - pemain ini menggunakan canggih definisi CSS3
  • mudah dipasang - pembelian, muat turun zip, baca dokumen
  • iPhone / iPad dioptimumkan - galeri ini telah dioptimumkan untuk peranti sentuh Apple
  • Android dioptimumkan - komponen ini telah diuji pada Android 4.0 dan kerja-kerja yang menggerunkan
  • pemaju / Sass dikuasakan - CSS ini komponen telah dibina di atas kelancangan yang bermaksud pengguna Sass akan mempunyai masa yang mudah mengubah kulit. Bagi pengguna yang tidak bertindak Mal-itu tidak ada masalah sama ada kerana fail CSS (dihasilkan oleh Sass) disediakan
  • bermain daripada YouTube - sungai audio YouTube
  • bermain daripada SoundCloud - sungai audio SoundCloud dengan kunci API
  • 100% css skinable - ingin sedikit pengubahsuaian kepada kulit? Kulit adalah 100% dibina dari css dan ia adalah sangat mudah untuk mengedit dengan pengetahuan css
  • Mesra SEO - dibina dengan pengoptimuman enjin carian di fikiran dari bawah ke atas, yang Testimonial Rotator menggunakan bukan tersembunyi markup html sah untuk membina widget
  • serasi dengan semua pelayar utama, termasuk IE - serasi dari IE7 untuk IE10, Chrome, Safari dan Firefox

Bergerak Optimized

Smooth di telefon bimbit terlalu kerana
pecutan perkakasan. Android 4.4+ Chrome
dan iOS testedto menyampaikan super lancar
pengalaman

Watch Video

Audio Player Maklumat Terbaru

UPDATE 2.01 [2015/09/07]
  • [FIX] pelbagai perbaikan
UPDATE 2.00 [2015/01/20]
  • [ADD] menambah kulit aria
  • [ADD] berkata enable_easing pilihan pada pergerakan menu
  • [ADD] menambah acara google analytics untuk bermain
  • [ADD] pilihan untuk menukar lagu dalam satu (+ panggilan API) Pemain
  • [ADD] kulit Galeri - kulit lalai atau kulit gelombang
  • [Tweak] menukar mod gelombang kulit susun atur licin dari mutlak saudara
UPDATE 1.62 [2014/07/03]
  • [FIX] autoplayNext terpaksa autoplay ke dalam
UPDATE 1.50 [04/02/2014]
  • [ADD] kulit-pro
  • [Tweak] pratonton dikemaskini
  • [FIX] beberapa bug dalam Safari
UPDATE 1.40 [2014/01/15]
  • [ADD] kini komen boleh muncul apabila kepala gosok ke atasnya
  • [ADD] kulit justthumbandbutton
  • [ADD] kayu baru untuk mod bawah
  • [ADD] mod licin baru untuk kulit gelombang
  • [Tweak] pratonton dikemaskini
  • [FIX] beberapa bug
UPDATE 1.10 [06/06/2013]
  • [Add] semua penjana baru flash untuk bentuk gelombang [html5 lama mempunyai beberapa isu-isu keserasian]
  • [Fix] isu-isu keserasian

Audio Player Ciri-ciri tambahan

Sepenuhnya disesuaikan.
Anda boleh melumpuhkan scrubbar, kawalan kelantangan, kawalan skrin penuh thumbnail dan banyak lagi. Anda boleh menyesuaikan semua warna melalui CSS. Pemain di sebelah kiri menggunakan kulit kedua pemain. Kulit pertama adalah kulit gelombang bunyi di bahagian atas.
Retina Sedia.
Setiap kulit responsif sepenuhnya dan retina-siap. Wah. Pemain ini sendiri telah diuji pada semua pelayar utama, Firefox, Chrome, Opera, Safari, IE7-10. Dan dioptimumkan untuk platform mudah alih iOS dan Android.
Pemain yang minimum.
Kadang-kadang lebih kurang, dan pemain ini mempunyai setiap senario yang dilindungi. Ini di sebelah kanan adalah perwakilan kulit ketiga pemain, pelaksanaan minimum yang walaupun mempunyai kawalan scrub (jika anda klik pada margin).
Hanya Satu Format.
Todays HTML5 pemain audio memerlukan dunia dalam format audio yang berbeza. Tetapi tidak satu ini. Hanya mp3 diperlukan dan ogg adalah pilihan.
Smart.
Anda boleh meletakkan seberapa banyak pemain pada halaman yang anda mahu. Jika pemain lain bermain dan anda klik pada salah satu yang berbeza, pemain lain akan berhenti bermain, hanya cuba di sini.
Sumber Pelbagai.
Diri menjadi tuan rumah audio tidak-satunya pilihan anda. Anda juga boleh memainkan aliran dari YouTube atau SoundCloud, atau stesen radio Shoutcast *

* (Untuk Shoutcast) - Anda mesti memeriksa jika stream audio / mpeg. Mari kita contohnya http://streamplus40.leonex.de:41364/if anda membuka ini dalam pelayar anda akan melihat bahawa Jenis Kandungan: audio / mpeg
Bentuk gelombang Generator

Terdapat sekurang-kurangnya 3 kaedah untuk menjana gelombang

  • menjana gelombang dengan panel admin (waveformgenerator.php) - di mana anda boleh menukar warna, pengganda, mengesan locatinon etc / kilat berasaskan
  • menjana gelombang untuk semua mp3s dalam folder (wavegeneratorfromdir.php) / kilat berasaskan
  • menjana gelombang untuk song.mp3 untuk wavesbg.png dan wavesprog.png - statik (waveform.html) - anda boleh mengedit html untuk warna yang berbeza, nama / kilat berasaskan
  • waveformgenerator_html / untuk menggunakan penjana HTML5 bentuk gelombang / HTML5 berasaskan, Saya tidak menyokong ini pada masa ini

Persembahan selama dua kaedah pertama - https://youtu.be/WrTSB54oTkI

Nota

  • trek dan imej tidak termasuk dalam pakej muat turun.
  • untuk menggunakan sistem mengulas anda perlu pelayan php
  • youtube tidak akan berfungsi sebagai audio pada iDevices tetapi video yang disebabkan oleh batasan platform
  • bentuk gelombang adalah imej statik ia tidak dijana secara automatik oleh pemain audio, tetapi dengan alat termasuk dalam pakej muat turun. arahan penuh disediakan mengenai cara untuk melakukan ini dan ia adalah satu kerja 10 saat untuk setiap trek, hampir automatik jika anda mempunyai semua trek anda dalam direktori.

FAQ

Dalam pemain yang lebih kecil (pemain bulat di sebelah kanan halaman demo anda) Saya ingin dapat membuat seluruh pemain yang lebih besar. Daripada 100px / 100px saya mahu 500px / 500px. Di mana saya boleh menukar ini? Saya telah mengedit kanvas tetapi ia telah pergi lebih kecil!
Hanya mengedit 100 lebar dan 100 ketinggian dalam sekeping kod dan anda harus baik-baik saja (line ~ 377)
 . _conPlayPause.children ( '. Playbtn') menambah ( '<lebar kanvas = "100" height = "100" class = "playbtn kanvas" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn kanvas.') persamaan (0) Get (0).; . _conPlayPause.children ( '. Pausebtn') menambah ( '<lebar kanvas = "100" height = "100" class = "pausebtn kanvas" />'); 
boleh ini / tidak mengikat ini kepada <audio> tag?
Tidak ada cara untuk mengikat kepada tag audio

Ia akan mewujudkan tag audio olehnya sendiri

tetapi saya fikir format yang agak mudah

 <Div id = kelas "apsimple" = "audioplayer-tobe" style = "width: 100%; margin-top: 0;" data-VIDEOTITLE = "Audio Video" data-type = "normal" data-source = "./ bunyi / adg3.mp3"> <Div class = "meta-artis"> <span class = "the-artis"> Tim McMorris </ span> - Ia adalah hari yang indah </ div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { autoplay: "off" }); }); </ Script> 
ada satu cara untuk menerima format fail MPEG audio sahaja?

anda boleh mempunyai hanya.mp3 sebagai aliran seperti contoh di atas dan ia akan menggunakan Backup Flash untuk pelayar yang tidak disokong

kredit

Lain-lain Produk Awesome


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

dicipta:
15 April 13

Kemaskini terakhir:
19 Mac 16

Resolusi tinggi:
Ya

Pelayar Sesuai:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fail Termasuk:
JavaScript JS, HTML, CSS

Versi perisian:
HTML5

Kata kunci

eCommerce, eCommerce, semua Item, audio, pemain audio, kanvas, CSS3, disesuaikan, HTML5, jquery, media, yang minimum, pemain, lagu, soundcloud, bunyi, gelombang, Youtube