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

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Giới thiệu

Muốn có một, tiên tiến, võng mạc-sẵn sàng, máy nghe nhạc âm thanh html5 đáp ứng thuận tiện cho trang web của bạn? ZoomSounds là ứng cử viên hoàn hảo. Với ba da để phù hợp với mỗi thương hiệu, chỉ có một định dạng cần thiết để hoạt động, ZoomSounds

New - Với Playlist

New - WP Version

Tính năng Audio Player

  • Công nghệ HTML5 - Thư viện này sử dụng tehniques html5 mới nhất để cung cấp một kinh nghiệm không bao giờ được thấy trước cho khách hàng của bạn
  • đáp ứng đầy đủ - sẽ rất tốt từ di động đến HD
  • đèn flash sao lưu - IE7 và IE8 không hỗ trợ HTML5, nhưng những người sử dụng không forgetten, các âm thanh sẽ chơi cho họ quá thông qua flash player
  • một định dạng bắt buộc - phần cứng được thực hiện bởi các kịch bản chơi để cho người dùng có kinh nghiệm dễ dàng chỉnh sửa - chỉ cần mp3
  • chạm tối ưu hóa - thiết bị liên lạc không bị lãng quên
  • Năm da - cho mọi nhu cầu
  • ba da - ba đầy đủ da để phù hợp với mọi thương hiệu
  • Công nghệ CSS3 - máy nghe nhạc này sử dụng định nghĩa css3 tiên tiến
  • dễ dàng cài đặt - mua, tải về file zip, đọc các tài liệu
  • iPhone / iPad tối ưu hóa - bộ sưu tập này đã được tối ưu hóa cho các thiết bị cảm ứng của Apple
  • Android được tối ưu hóa - thành phần này đã được thử nghiệm trên Android 4.0 và các công trình tuyệt vời
  • phát triển / Sass trợ - CSS của thành phần này đã được xây dựng trên đầu trang của Sass có nghĩa là người sử dụng SASS sẽ có một thời gian dễ dàng sửa đổi skin. Đối với người dùng không Sass nó không có vấn đề hoặc là vì các file CSS (tạo ra bởi SASS) được cung cấp
  • đóng từ YouTube - suối âm thanh của YouTube
  • phát từ SoundCloud - suối SoundCloud âm thanh với một khóa API
  • 100% css skinable - muốn thực hiện sửa đổi nhỏ về da? Các skin được 100% xây dựng từ css và nó rất dễ dàng để chỉnh sửa với kiến ​​thức css
  • SEO thân thiện - xây dựng với tối ưu hóa công cụ tìm kiếm trên tâm từ mặt đất lên, Testimonial Rotator sử dụng được không ẩn đánh dấu html hợp lệ để xây dựng các widget
  • tương thích với tất cả các trình duyệt chính, bao gồm IE - tương thích từ IE7 để IE10, Chrome, Safari và Firefox

Điện thoại di động Optimized

Trơn tru trên điện thoại di động quá vì
tăng tốc phần cứng. Android 4.4+ Chrome
và iOS testedto cung cấp siêu mịn
kinh nghiệm

Xem video

Audio Player cập nhật

CẬP NHẬT 2.01 [2015/09/07]
  • [FIX] khác nhau sửa chữa
CẬP NHẬT 2.00 [2015/01/20]
  • [ADD] đã thêm da-aria
  • [ADD] đã thêm tùy chọn về phong trào đơn enable_easing
  • [ADD] đã thêm sự kiện phân tích google để chơi
  • [ADD] tùy chọn để thay đổi bài hát trong một cầu thủ (+ cuộc gọi API)
  • [ADD] da gallery - da mặc định hoặc da sóng
  • [TWEAK] thay đổi chế độ sóng da trơn từ bố trí tuyệt đối tương đối
CẬP NHẬT 1.62 [2014/07/03]
  • [FIX] autoplayNext buộc autoplay để trên
CẬP NHẬT 1.50 [2014/04/02]
  • [Thanh] da-pro
  • [TWEAK] xem trước cập nhật
  • [FIX] một số lỗi trong Safari
CẬP NHẬT 1.40 [2014/01/15]
  • [ADD] hiện ý kiến ​​có thể xuất hiện khi người đứng đầu chà là trên nó
  • [Thanh] da justthumbandbutton
  • [ADD] thanh mới để chế độ đáy
  • [ADD] chế độ trơn mới cho làn da của sóng
  • [TWEAK] xem trước cập nhật
  • [FIX] một số lỗi
CẬP NHẬT 1.10 [2013/06/06]
  • [Thêm] tất cả các máy phát flash mới cho các dạng sóng [các html5 cũ đã có một số vấn đề tương thích]
  • [Sửa] vấn đề tương thích

Audio Player đặc tính thêm

Tùy biến hoàn toàn.
Bạn có thể vô hiệu hóa scrubbar, điều khiển âm lượng, điều khiển toàn màn hình nhỏ và nhiều hơn nữa. Bạn có thể tùy chỉnh tất cả các màu sắc qua CSS. Các cầu thủ trên bên trái sử dụng làn da thứ hai của các cầu thủ. Da đầu tiên là da sóng âm thanh ở đầu trang.
Retina Ready.
Mỗi làn da hoàn toàn đáp ứng và võng mạc đã sẵn sàng. Wow. Người chơi chính nó đã được thử nghiệm trên tất cả các trình duyệt, Firefox, Chrome, Opera, Safari, IE7-10. Và tối ưu hóa cho các nền tảng di động iOS và Android.
Chơi tối thiểu.
Đôi khi nhiều hơn là ít hơn, và máy nghe nhạc này có tất cả các kịch bản được bảo hiểm. Điều này ở bên phải là đại diện của da thứ ba của người chơi, một thực hiện tối thiểu mà thậm chí còn có điều khiển chà (nếu bạn nhấp vào lề).
Chỉ Một Format.
Todays html5 người chơi âm thanh yêu cầu thế giới trong các định dạng âm thanh khác nhau. Nhưng không phải là một này. Chỉ mp3 được yêu cầu và ogg là tùy chọn.
Thông minh.
Bạn có thể đặt như nhiều người chơi trên một trang như bạn muốn. Nếu một cầu thủ khác đang chơi và bạn nhấp chuột vào một trong những khác nhau, người chơi khác sẽ ngừng chơi, chỉ cần cố gắng ở đây.
Nhiều nguồn.
Tự lưu trữ âm thanh không phải là lựa chọn duy nhất của bạn. Bạn cũng có thể chơi suối từ YouTube hoặc SoundCloud, hoặc thậm chí đài phát thanh Shoutcast *

* (Shoutcast) - Trước tiên bạn phải kiểm tra xem dòng là audio / mpeg. Hãy lấy ví dụ http://streamplus40.leonex.de:41364/if bạn mở này trong một trình duyệt, bạn sẽ thấy rằng Content Type: audio / mpeg
waveform Generator

Có ít nhất 3 phương pháp để tạo ra dạng sóng

  • tạo ra dạng sóng với một bảng quản trị (waveformgenerator.php) - trong đó bạn có thể thay đổi màu sắc, hệ số, theo dõi locatinon etc / flash dựa
  • tạo ra dạng sóng cho tất cả các bài nhạc mp3 trong một thư mục (wavegeneratorfromdir.php) / flash dựa
  • tạo ra dạng sóng cho song.mp3 để wavesbg.png và wavesprog.png - tĩnh (waveform.html) - bạn có thể chỉnh sửa mà html cho màu sắc khác nhau, tên / flash dựa
  • waveformgenerator_html / sử dụng máy phát điện html5 dạng sóng / html5 dựa, tôi không ủng hộ điều này vào lúc này

Trình bày cho hai phương pháp đầu tiên - https://youtu.be/WrTSB54oTkI

Ghi chú

  • bài hát và hình ảnh không được bao gồm trong gói tải về.
  • sử dụng hệ thống nhận xét, bạn sẽ cần máy chủ php
  • youtube sẽ không làm việc như âm thanh trên iDevices nhưng như một video do những hạn chế nền tảng
  • các dạng sóng là một hình ảnh tĩnh nó không phải là tự động tạo ra bởi người chơi âm thanh, nhưng bằng một công cụ bao gồm trong gói tải về. hướng dẫn đầy đủ được cung cấp trên như thế nào để làm điều này và đó là một công việc thứ hai 10 cho mỗi bài hát, hầu như tự động nếu bạn có tất cả các bản nhạc của bạn trong một thư mục.

Hỏi đáp

Trong phần chơi nhỏ hơn (các cầu thủ tròn ở phía bên tay phải của trang demo của bạn) Tôi muốn để có thể làm cho toàn bộ người chơi lớn hơn. Thay vì 100px / 100px Tôi muốn 500px / 500px. Tôi thay đổi này ở đâu? Tôi đã chỉnh sửa canvas nhưng nó đã đi nhỏ!
Chỉ cần chỉnh sửa 100 chiều rộng và chiều cao 100 trong đoạn mã này và bạn nên có alright (dòng ~ 377)
 . _conPlayPause.children ( '. Playbtn') nối thêm ( '<canvas width = "100" height = "100" class = "playbtn-vải" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn-canvas.') eq (0).get (0). . _conPlayPause.children ( '. Pausebtn') nối thêm ( '<canvas width = "100" height = "100" class = "pausebtn-vải" />'); 
thể này / không ràng buộc này đến <audio> thẻ?
Không có cách nào để liên kết với các thẻ âm thanh

Nó sẽ tạo ra một thẻ âm thanh của riêng của nó

nhưng tôi nghĩ rằng định dạng là khá dễ dàng

 <Div id = "class apsimple" = "Audioplayer-tobe" style = "width: 100%; margin-top: 0;" dữ liệu VIDEOTITLE = "Audio Video" data-type = "bình thường" data-source = "./ âm thanh / adg3.mp3"> <Div class = "meta-nghệ sĩ"> <span class = "các nghệ sĩ"> Tim McMorris </ span> - Đó là một ngày đẹp </ div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { autoplay: "off" }); }); </ Script> 
là có một cách để chấp nhận định dạng tập tin MPEG chỉ có âm thanh?

bạn có thể chỉ có.mp3 như các dòng như ví dụ ở trên và nó sẽ sử dụng Backup Flash cho trình duyệt không được hỗ trợ

Tín dụng

Sản phẩm hấp dẫn khác


Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo:
15 ngày 13 tháng 4

Cập nhật cuối cùng:
19 ngày 16 tháng 3

Độ phân giải cao:
Vâng

Trình duyệt tương thích:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

tập tin bao gồm:
JavaScript JS, HTML, CSS

Phiên bản phần mềm:
HTML5

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, â, m thanh, má, y nghe nhạc â, m thanh, Tranh sơn dầu, css3, tù, y biến, html5, jquery, phương tiện truyền thô, ng, tối thiểu, người chơi, bà, i há, t, SoundCloud, â, m thanh, là, n só, ng, youtube