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

— Add-on เพื่อ WorldWideScripts.net

สมัครสมาชิกฟีด ของเรา จะอยู่ถึง วันที่ !

ใหม่! ติดตามเรา ตามที่คุณต้องการ!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

เครื่องเสียงเครื่องเล่น Intro

ต้องการเก๋ไก๋ทันสมัย​​เรตินาพร้อมเครื่องเล่นเสียง HTM​​L5 ตอบสนองสำหรับเว็บไซต์ของคุณหรือไม่ ZoomSounds เป็นผู้สมัครที่สมบูรณ์แบบ กับสามสกินให้พอดีกับทุกยี่ห้อเพียงรูปแบบหนึ่งที่จำเป็นในการทำงาน ZoomSounds

ใหม่ - มีเพลย์ลิส

ใหม่ - WP รุ่น

เครื่องเล่นเสียงคุณสมบัติ

  • เทคโนโลยี HTML5 - แกลเลอรีนี้ใช้ tehniques HTML5 ล่าสุดที่จะส่งมอบไม่เคยเห็นมาก่อนที่จะมีประสบการณ์กับลูกค้าของคุณ
  • อย่างเต็มที่ตอบสนอง - ดูดีจากมือถือไปยัง HD
  • การสำรองข้อมูล Flash - IE7 และ IE8 ไม่สนับสนุน HTML5 แต่ผู้ใช้เหล่านี้จะไม่คงลืมเสียงจะเล่นให้กับพวกเขามากเกินไปผ่านผู้เล่นแฟลช
  • หนึ่งในรูปแบบบังคับ - ส่วนที่ยากจะกระทำโดยผู้เล่นสคริปต์เพื่อให้ผู้ใช้มีประสบการณ์การแก้ไขได้ง่าย - เพียง mp3 เป็นสิ่งจำเป็น
  • สัมผัสที่สุด - อุปกรณ์สัมผัสจะไม่ลืม
  • ห้าหนัง - สำหรับทุกความต้องการ
  • สามหนัง - สามสกินเต็มรูปแบบเพื่อให้พอดีกับทุกยี่ห้อ
  • เทคโนโลยี CSS3 - เครื่องเล่นนี้จะใช้คำจำกัดความ CSS3 ทันสมัย
  • ง่ายต่อการติดตั้ง - ซื้อดาวน์โหลด Zip อ่านเอกสาร
  • iPhone / iPad ที่ดีที่สุด - แกลเลอรีนี้ได้รับการปรับให้เหมาะสมกับอุปกรณ์สัมผัสแอปเปิ้ล
  • หุ่นยนต์ที่ดีที่สุด - ส่วนนี้ได้รับการทดสอบบน Android 4.0 และผลงานที่น่ากลัว
  • Developer / SASS ขับเคลื่อน - CSS ของส่วนนี้ได้รับการสร้างขึ้นบน SASS ซึ่งหมายความว่าผู้ใช้ SASS จะมีเวลาได้ง่ายการปรับเปลี่ยนสกิน สำหรับผู้ใช้ที่ไม่ใช่ SASS ก็ไม่มีปัญหาอย่างใดอย่างหนึ่งเพราะไฟล์ CSS (สร้างโดย SASS) ไว้ให้
  • เล่นจาก YouTube - เสียงลำธาร YouTube
  • เล่นจาก SoundCloud - เสียงลำธาร SoundCloud กับคีย์ API
  • 100% CSS skinable - ต้องการที่จะทำให้การปรับเปลี่ยนเล็กน้อยที่จะกินหรือไม่ สกิน 100% สร้างขึ้นจาก CSS และมันเป็นเรื่องง่ายมากที่จะแก้ไขด้วยความรู้ CSS
  • SEO เป็นมิตร - สร้างขึ้นด้วยการเพิ่มประสิทธิภาพเครื่องมือค้นหาที่อยู่ในใจมาจากพื้นดินขึ้น Testimonial Rotator ใช้ซ่อนไม่ใช่มาร์กอัป HTML ที่ถูกต้องในการสร้างเครื่องมือที่
  • เข้ากันได้กับเบราว์เซอร์ที่สำคัญทั้งหมดรวมทั้ง IE - รองรับจาก IE7 จะ IE10, Chrome, Safari และ Firefox

เหมาะสำหรับอุปกรณ์เคลื่อนที่

สมูทบนโทรศัพท์มือถือมากเกินไปเพราะ
การเร่งฮาร์ดแวร์ Android 4.4 ขึ้นไป Chrome
และ iOS testedto ส่งมอบซุปเปอร์เรียบ
ประสบการณ์

ดูวีดีโอ

อัพเดทเครื่องเล่นเสียง

UPDATE 2.01 [2015/09/07]
  • [แก้ไข] การแก้ไขปัญหาต่างๆ
UPDATE 2.00 [2015/01/20]
  • [เพิ่ม] เพิ่มผิว Aria
  • [เพิ่ม] เพิ่มตัวเลือกในการเคลื่อนไหวเมนู enable_easing
  • [เพิ่ม] เพิ่มเหตุการณ์ Google Analytics สำหรับการเล่น
  • [เพิ่ม] ตัวเลือกสำหรับการเปลี่ยนเพลงในเครื่องเล่น (+ เรียก API)
  • [เพิ่ม] ผิวแกลลอรี่ - ผิวเริ่มต้นหรือผิวคลื่น
  • [tweak] เปลี่ยนโหมดคลื่นผิวเนียนรูปแบบที่แน่นอนที่จะจากญาติ
UPDATE 1.62 [2014/07/03]
  • [แก้ไข] autoplayNext บังคับให้เล่นอัตโนมัติไปที่ ON
UPDATE 1.50 [2014/04/02]
  • [เพิ่ม] ผิว-Pro
  • [tweak] การปรับปรุงการแสดงตัวอย่าง
  • [แก้ไข] ข้อบกพร่องบางอย่างใน Safari
UPDATE 1.40 [2014/01/15]
  • [เพิ่ม] ตอนนี้ความเห็นจะปรากฏเมื่อหัวขัดเป็นมากกว่านั้น
  • [เพิ่ม] ผิว justthumbandbutton
  • [เพิ่ม] ติดใหม่ไปยังโหมดด้านล่าง
  • [เพิ่ม] โหมดที่เนียนใหม่สำหรับผิวคลื่น
  • [tweak] การปรับปรุงการแสดงตัวอย่าง
  • [แก้ไข] ข้อบกพร่องบางอย่าง
UPDATE 1.10 [2013/06/06]
  • [เพิ่ม] กำเนิดแฟลชใหม่ทั้งหมดสำหรับรูปคลื่นส่วน [HTML5 ที่เก่ามีปัญหาความเข้ากันได้บางส่วน]
  • [แก้ไข] ปัญหาความเข้ากัน

เครื่องเล่นเสียงคุณสมบัติพิเศษ

ปรับแต่งอย่างเต็มที่
คุณสามารถปิด scrubbar การควบคุมปริมาณการควบคุมแบบเต็มหน้าจอแสดงภาพย่อและอื่น ๆ คุณสามารถปรับแต่งสีทั้งหมดผ่านทาง CSS ผู้เล่นที่อยู่ทางด้านซ้ายใช้ผิวที่สองของผู้เล่น ผิวเป็นครั้งแรกผิวคลื่นเสียงที่ด้านบน
พร้อม Retina
ผิวแต่ละคนมีการตอบสนองอย่างเต็มที่และพร้อมที่เรตินา ว้าว. ผู้เล่นที่ตัวเองได้รับการทดสอบบนเบราว์เซอร์ที่สำคัญทั้งหมด, Firefox, Chrome, Opera, Safari, IE7-10 และเหมาะสำหรับ iOS และ Android แพลตฟอร์มโทรศัพท์มือถือ
ผู้เล่นที่น้อยที่สุด
บางครั้งมากน้อยและเครื่องเล่นนี้ได้ครอบคลุมทุกสถานการณ์ นี้ในทางที่เหมาะสมเป็นตัวแทนของผิวที่สามของผู้เล่น, การดำเนินงานที่น้อยที่สุดซึ่งแม้มีการควบคุมการสครับ (ถ้าคุณคลิกที่อัตรากำไรขั้นต้น)
เพียงหนึ่งรูปแบบ
ปัจจุบัน HTML5 เล่นเสียงต้องใช้โลกในรูปแบบเสียงที่แตกต่างกัน แต่ไม่นี้ เพียง mp3 ที่จำเป็นและ OGG เป็นตัวเลือก
ฉลาด.
คุณสามารถวางผู้เล่นเป็นจำนวนมากในหน้าตามที่คุณต้องการ หากผู้เล่นคนอื่นจะเล่นและคุณคลิกที่ที่แตกต่างกันอย่างใดอย่างหนึ่งของผู้เล่นอื่น ๆ จะหยุดการเล่นเพียงแค่พยายามที่นี่
หลายแหล่ง
ไฟล์เสียงเป็นเจ้าภาพเองไม่ได้เป็นตัวเลือกของคุณเท่านั้น นอกจากนี้คุณยังสามารถเล่นสตรีมจาก YouTube หรือ SoundCloud หรือแม้กระทั่งสถานีวิทยุ Shoutcast *

* (สำหรับ Shoutcast) - คุณจะต้องตรวจสอบว่ากระแสเป็นเสียง / MPEG ลองมาตัวอย่างเช่น http://streamplus40.leonex.de:41364/if คุณเปิดในเบราว์เซอร์ที่คุณจะเห็นว่าประเภทเนื้อหา: เสียง / MPEG
รูปแบบของคลื่นปั่นไฟ

มีอย่างน้อย 3 วิธีในการสร้างรูปแบบคลื่นเป็น

  • สร้างรูปคลื่นที่มีแผง admin (waveformgenerator.php) - ที่คุณสามารถเปลี่ยนสีคูณติดตาม locatinon etc / แฟลช
  • สร้างรูปคลื่นสำหรับ MP3s ทั้งหมดที่อยู่ในโฟลเดอร์ (wavegeneratorfromdir.php) / แฟลช
  • สร้างรูปแบบของคลื่นสำหรับ song.mp3 เพื่อ wavesbg.png และ wavesprog.png - คงที่ (waveform.html) - คุณสามารถแก้ไข HTML ที่สำหรับสีที่แตกต่างชื่อ / แฟลช
  • waveformgenerator_html / สำหรับการใช้เครื่องกำเนิดไฟฟ้า HTML5 รูปแบบของคลื่น / HTML5 ตามผมไม่สนับสนุนเรื่องนี้ในขณะนี้

นำเสนอสำหรับวิธีการที่สองคนแรก - https://youtu.be/WrTSB54oTkI

หมายเหตุ

  • แทร็คและภาพจะไม่รวมอยู่ในแพคเกจการดาวน์โหลด
  • ที่จะใช้ระบบการแสดงความคิดเห็นที่คุณจะต้องเซิร์ฟเวอร์ PHP
  • YouTube จะไม่ทำงานตามเสียงบน iDevices แต่เป็นวิดีโอเนื่องจากข้อ จำกัด ของแพลตฟอร์ม
  • รูปแบบของคลื่นเป็นภาพนิ่งมันไม่ได้เป็นรถยนต์ที่สร้างขึ้นโดยผู้เล่นเสียง แต่โดยเครื่องมือที่รวมอยู่ในแพคเกจการดาวน์โหลด คำแนะนำแบบเต็มจะได้รับบริการเกี่ยวกับวิธีการทำเช่นนี้และมันเป็นงานที่สอง 10 สำหรับแต่ละเพลงเกือบอัตโนมัติถ้าคุณมีแทร็คของคุณทั้งหมดในไดเรกทอรี

คำถามที่พบบ่อย

ในผู้เล่นที่มีขนาดเล็ก (ผู้เล่นวงกลมที่ด้านขวามือของหน้าสาธิตของคุณ) ฉันต้องการที่จะสามารถที่จะทำให้ผู้เล่นทั้งที่มีขนาดใหญ่ แทนที่จะ 100px / 100px ผมอยาก 500px / 500px ที่ฉันจะเปลี่ยนนี้หรือไม่? ฉันได้แก้ไขผ้าใบ แต่มันได้หายไปมีขนาดเล็ก!
เพียงแค่แก้ไข 100 ความกว้างและความสูง 100 ในชิ้นส่วนของรหัสนี้และคุณควร Be Alright (สาย ~ 377)
 . _conPlayPause.children ( '. playbtn') ผนวก ( '<ผ้าใบ width = "100" height = "100" class = "playbtn ผ้าใบ" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn ผ้าใบ.') EQ (0) รับการตอบสนอง (0). . _conPlayPause.children ( '. pausebtn') ผนวก ( '<ผ้าใบ width = "100" height = "100" class = "pausebtn ผ้าใบ" />'); 
นี้สามารถ / ไม่ผูกนี้ไป <เสียง> แท็ก?
ไม่มีทางที่จะผูกกับแท็กเสียงไม่เป็น

มันจะสร้างแท็กเสียงโดยเป็นของตัวเอง

แต่ฉันคิดว่ารูปแบบคือค่อนข้างง่าย

 <div id = "apsimple" class = "audioplayer-Tobe" style = "width: 100%; ขอบด้านบน: 0;" ข้อมูล videotitle = "Audio Video" data-type = "ปกติ" แหล่งข้อมูล = "./ เสียง / adg3.mp3"> <div class = "เมตาศิลปิน"> <span class = "ที่ศิลปิน"> ทิม McMorris </ span> - มันเป็นวันที่สวยงาม </ div> </ div> <script> jQuery (เอกสาร).ready (ฟังก์ชั่น ($) { dzsap_init ( "# apsimple" { เล่นอัตโนมัติ "ปิด" }); }); </ script> 
จะมีวิธีที่จะยอมรับรูปแบบไฟล์ MPEG เสียงเท่านั้นหรือ?

คุณสามารถมีได้เพียง.mp3 เป็นกระแสเหมือนตัวอย่างข้างต้นและมันจะใช้การสำรองข้อมูล Flash สำหรับเบราว์เซอร์ได้รับการสนับสนุน

เครดิต

ผลิตภัณฑ์อื่น ๆ ที่น่ากลัว


ดาวน์โหลด
ส่วนประกอบอื่น ๆ ในประเภทนี้ส่วนประกอบทั้งหมดของ ผู้เขียนคนนี้
ความเห็นคำถามที่พบบ่อย และคำตอบ

คุณสมบัติ

สร้าง:
15 เมษายน 13

การปรับปรุงครั้งล่าสุด:
19 มีนาคม 16

ความละเอียดสูง:
ใช่

เบราว์เซอร์ที่เข้ากันได้:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

ไฟล์รวม:
JavaScript JS, HTML, CSS

ซอฟต์แวร์เวอร์ชั่น:
HTML5

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, เสียง, เครื่องเล่นเสียง, ผ้าใบ, CSS3, ปรับแต่ง, HTML5, jQuery, สื่อ, ต่ำสุด, ผู้เล่น, เพลง, SoundCloud, เสียง, คลื่น, YouTube