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

Audio Player Intro

Θέλετε ένα ικανό, αιχμής, αμφιβληστροειδή-ready, που να ανταποκρίνεται HTML5 συσκευή αναπαραγωγής ήχου για το site σας; ZoomSounds είναι ο τέλειος υποψήφιος. Με τρεις δέρματα για να ταιριάζει σε κάθε εμπορικό σήμα, μόνο μία μορφή που απαιτείται για να λειτουργήσει, ZoomSounds

Νέα - Με Playlist

Νέα - WP Έκδοση

Audio Player Χαρακτηριστικά

  • Τεχνολογία HTML5 - αυτή η γκαλερί χρησιμοποιεί τις τελευταίες tehniques HTML5 για να παραδώσει ένα δεν είχε γνωρίσει ποτέ πριν εμπειρία για τους πελάτες σας
  • ανταποκρίνεται πλήρως - φαίνεται μεγάλη από το κινητό σε HD
  • φλας αντιγράφων ασφαλείας - IE7 και IE8 δεν υποστηρίζει HTML5, αλλά αυτοί οι χρήστες δεν ξεχάσατε, οι ήχοι θα παίξουν για τους πάρα πολύ μέσω του player flash
  • μια υποχρεωτική μορφή - το δύσκολο μέρος γίνεται από το σενάριο παίκτη, ώστε ο χρήστης να έχει εύκολη επεξεργασία εμπειρία - απαιτείται μόνο mp3
  • αγγίξτε βελτιστοποιημένη - συσκευές αφής δεν ξεχνιούνται
  • πέντε δέρματα - για κάθε ανάγκη
  • τρία δέρματα - τρία πλήρη δέρματα για να ταιριάζει σε κάθε εμπορικό σήμα
  • Τεχνολογία CSS3 - αυτός ο παίκτης χρησιμοποιεί ορισμούς CSS3 αιχμής
  • εύκολη εγκατάσταση - την αγορά, κατεβάστε το zip, διαβάστε τις docs
  • iPhone / iPad βελτιστοποιημένη - αυτή η γκαλερί έχει βελτιστοποιηθεί για συσκευές αφής της Apple
  • Android βελτιστοποιημένο - αυτό το συστατικό έχει δοκιμαστεί σε Android 4.0 και εργάζεται φοβερό
  • προγραμματιστής / SASS powered - CSS αυτού του στοιχείου έχει χτιστεί στην κορυφή του SASS που σημαίνει ότι οι χρήστες SASS θα έχουν μια εύκολη στιγμή για την τροποποίηση των δερμάτων. Για τους χρήστες μη SASS δεν υπάρχει πρόβλημα, είτε επειδή τα αρχεία CSS (που παράγεται από SASS) παρέχονται
  • παίζει από το YouTube - τα ρεύματα ήχου του YouTube
  • παίζει από SoundCloud - ρέματα SoundCloud ήχου με ένα κλειδί API
  • 100% CSS skinable - θέλουν να κάνουν μικρές τροποποιήσεις στα δέρματα; Τα δέρματα είναι 100% χτίστηκε από το CSS και είναι πολύ εύκολο να επεξεργαστείτε με τη γνώση CSS
  • Φιλική προς το SEO - χτισμένο με τη βελτιστοποίηση μηχανών αναζήτησης στο μυαλό από το μηδέν, η μαρτυρία Rotator χρησιμοποιεί μη κρυμμένο έγκυρη HTML σήμανσης για την κατασκευή του widget
  • συμβατό με όλα τα μεγάλα προγράμματα περιήγησης, συμπεριλαμβανομένων IE - συμβατά από IE7 να IE10, Chrome, Safari και Firefox

κινητό Optimized

Ομαλή για κινητά πάρα πολύ, λόγω της
την επιτάχυνση υλικού. Android 4.4+ Chrome
και iOS testedto παραδώσει σούπερ ομαλή
εμπειρία

Δες το βίντεο

Audio Player Ενημερώσεις

ΕΝΗΜΕΡΩΣΗ 2,01 [09/07/2015]
  • [FIX] διάφορες διορθώσεις
ΕΝΗΜΕΡΩΣΗ 2,00 [20/01/2015]
  • [ADD] πρόσθεσε δέρμα-άρια
  • [ADD] πρόσθεσε επιλογή για την κυκλοφορία μενού enable_easing
  • [ADD] εκδήλωση google analytics πρόσθεσε για το παιχνίδι
  • [ADD] επιλογή για την αλλαγή του τραγουδιού σε έναν παίκτη (+ κλήση API)
  • [ADD] γκαλερί του δέρματος - το δέρμα αθέτησης ή το δέρμα κύματος
  • [Tweak] αλλάξει ο τρόπος κύμα δέρμα λείο διάταξη από απόλυτη σε σχετική
ΕΝΗΜΕΡΩΣΗ 1,62 [03/07/2014]
  • [FIX] autoplayNext αναγκάζονται autoplay σε σχετικά
ΕΝΗΜΕΡΩΣΗ 1,50 [04/02/2014]
  • [ADD] δέρματος-pro
  • [Tweak] ενημερωθεί προεπισκόπηση
  • [FIX] κάποια σφάλματα στο Safari
UPDATE 1.40 [01/15/2014]
  • [ADD] τώρα τα σχόλια μπορούν να εμφανιστούν όταν η κεφαλή scrub είναι πάνω από αυτό
  • [ADD] δέρματος justthumbandbutton
  • [ADD] νέο ραβδί για λειτουργία κάτω
  • [ADD] νέα κηλίδα λειτουργία για το δέρμα κύματος
  • [Tweak] ενημερωθεί προεπισκόπηση
  • [FIX] κάποια σφάλματα
UPDATE 1.10 [06/06/2013]
  • [Add] όλα τα νέα γεννήτρια flash για τις κυματομορφές [το παλιό HTML5 είχε κάποια προβλήματα συμβατότητας]
  • [Λύση] ζητήματα συμβατότητας

Audio Player Extra Χαρακτηριστικά

Πλήρως παραμετροποιήσιμο.
Μπορείτε να απενεργοποιήσετε scrubbar, χειριστήρια έντασης, fullscreen ελέγχους μικρογραφία και πολλά άλλα. Μπορείτε να προσαρμόσετε όλα τα χρώματα μέσω CSS. Ο παίκτης στα αριστερά χρησιμοποιεί το δεύτερο δέρμα του παίκτη. Το πρώτο δέρμα είναι ο ήχος του δέρματος κύμα στην κορυφή.
Retina Ready.
Κάθε δέρμα είναι πλήρως στις ανάγκες του και τον αμφιβληστροειδή-ready. Ουάου. Η ίδια η συσκευή έχει δοκιμαστεί σε όλες τις μεγάλες μηχανές αναζήτησης, Firefox, Chrome, Opera, Safari, IE7-10. Και βελτιστοποιηθεί για τις κινητές πλατφόρμες iOS και Android.
Ελάχιστη Player.
Μερικές φορές, περισσότερο είναι λιγότερο, και αυτός ο παίκτης έχει κάθε σενάριο καλύπτονται. Αυτό το δικαίωμα είναι η αναπαράσταση της τρίτης δέρμα του παίκτη, μια ελάχιστη εφαρμογή που έχει ακόμη και τους ελέγχους scrub (αν κάνετε κλικ στο περιθώριο).
Μόνο ένα σχήμα.
Σημερινής HTML5 αναπαραγωγής ήχου απαιτούν τον κόσμο σε διάφορες μορφές ήχου. Αλλά δεν είναι αυτό. Μόνο mp3 απαιτείται και OGG είναι προαιρετική.
Έξυπνος.
Μπορείτε να τοποθετήσετε πολλούς παίκτες σε μια σελίδα, όπως εσείς επιθυμείτε. Εάν κάποιος άλλος παίκτης παίζει και κάνετε κλικ σε ένα διαφορετικό, ο άλλος παίκτης θα σταματήσει να παίζει, απλώς προσπαθήστε εδώ.
Πολλαπλές πηγές.
Αυτο που φιλοξενείται ηχητικά δεν είναι η μόνη επιλογή σας. Μπορείτε επίσης να παίξετε ροές από το YouTube ή το SoundCloud, ή ακόμα και Shoutcast ραδιοφωνικούς σταθμούς *

* (Για Shoutcast) - Θα πρέπει πρώτα να ελέγξετε αν το ρεύμα είναι audio / mpeg. Ας πάρουμε για παράδειγμα http://streamplus40.leonex.de:41364/if ανοίγετε αυτό σε ένα πρόγραμμα περιήγησης, θα δείτε ότι ο τύπος περιεχομένου: audio / mpeg
κυματομορφή γεννήτρια

Υπάρχουν τουλάχιστον 3 μεθόδους για να παράγουν κυματομορφές

  • παράγουν κυματομορφές με μια επιτροπή admin (waveformgenerator.php) - στο οποίο μπορείτε να αλλάξετε το χρώμα, πολλαπλασιαστή, παρακολουθείτε locatinon etc / βασίζεται flash
  • παράγουν κυματομορφές για όλα τα mp3s σε ένα φάκελο (wavegeneratorfromdir.php) / flash που βασίζονται
  • παράγει κυματομορφή για song.mp3 να wavesbg.png και wavesprog.png - στατική (waveform.html) - μπορείτε να επεξεργαστείτε αυτό το html για διαφορετικά χρώματα, τα ονόματα / flash που βασίζονται
  • waveformgenerator_html / για τη χρήση της γεννήτριας HTML5 κυματομορφή / HTML5 βάση, δεν υποστηρίζω αυτή τη στιγμή

Παρουσίαση για τις δύο πρώτες μέθοδο - https://youtu.be/WrTSB54oTkI

Σημειώσεις

  • διαδρομές και εικόνες που δεν περιλαμβάνονται στο πακέτο λήψης.
  • να χρησιμοποιούν το σύστημα σχολιάζοντας θα χρειαστεί σέρβερ php
  • youtube δεν θα λειτουργήσει ως ήχου σε εκπαιδευτικά εργαλεία, αλλά ως ένα βίντεο, λόγω των περιορισμών της πλατφόρμας
  • η κυματομορφή είναι μια στατική εικόνα δεν είναι δημιουργούνται αυτόματα από το πρόγραμμα αναπαραγωγής ήχου, αλλά και από ένα εργαλείο που περιλαμβάνεται στο πακέτο λήψης. Οι πλήρεις οδηγίες για το πώς να το κάνουμε αυτό και είναι μια δεύτερη δουλειά 10 για κάθε κομμάτι, σχεδόν αυτόματα, εάν έχετε όλα τα κομμάτια σας σε έναν κατάλογο.

Συχνές Ερωτήσεις

Στο μικρότερο παίκτη (η εγκύκλιος παίκτης στη δεξιά πλευρά της σελίδας demo σας), θα ήθελα να είναι σε θέση να κάνει το σύνολο παίκτης μεγαλύτερο. Αντί 100px / 100px Θα ήθελα 500px / 500px. Πού μπορώ να αλλάξω αυτό; Έχω επεξεργαστεί τον καμβά, αλλά έχει πάει μικρότερα!
Απλά επεξεργαστείτε το 100 πλάτος και 100 ύψος σε αυτό το κομμάτι του κώδικα και θα πρέπει να είναι εντάξει (γραμμή ~ 377)
 . _conPlayPause.children ( '. Playbtn ») προσαρτήσει (' <πλάτος καμβά =" 100 "height =" 100 "class =" playbtn-καμβά "/> ')? skin_minimal_canvasplay = _conPlayPause.find ( «playbtn-καμβά.») eq (0) σήματα αναφοράς (0).? . _conPlayPause.children ( '. Pausebtn ») προσαρτήσει (' <πλάτος καμβά =" 100 "height =" 100 "class =" pausebtn-καμβά "/> ')? 
μπορεί αυτό / κάνει αυτό συνδέονται με την <audio> ετικέτες;
Δεν υπάρχει τρόπος να συνδεθεί με την ετικέτα ήχου

Θα δημιουργήσει μια ετικέτα ήχου με το δικό του

αλλά νομίζω ότι το σχήμα είναι αρκετά εύκολο

 <Div id = "apsimple" class = "AudioPlayer-Tobe" style = "width: 100%? Margin-top: 0?" δεδομένων videotitle = "Audio Video" τύπου δεδομένων = "κανονικό" data-source = "./ ήχους / adg3.mp3"> <Div class = "μετα-καλλιτέχνης"> <span class = "η-καλλιτέχνης"> Tim McMorris </ span> - Είναι μια όμορφη μέρα </ div> </ Div> <Script> jQuery (έγγραφο).ready (λειτουργία ($) { dzsap_init ( "# apsimple", { autoplay: "off" })? })? </ Script> 
είναι ένας τρόπος για να δεχτεί MPEG μορφή αρχείου ήχου μόνο εκεί;

μπορείτε να έχετε μόνο.mp3, όπως το ρεύμα, όπως το παραπάνω παράδειγμα και θα χρησιμοποιήσει την δημιουργία αντιγράφων ασφαλείας Flash για μη υποστηριζόμενο πρόγραμμα περιήγησης

Συντελεστές

Άλλα Awesome Προϊόντα


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

δημιουργήθηκε:
15η Απριλίου, 13

Τελευταία ενημέρωση:
19 Μαρτίου, 16

Υψηλής ανάλυσης:
Ναί

συμβατά προγράμματα περιήγησης:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

αρχείων που περιλαμβάνονται:
Το JavaScript JS, HTML, CSS

Έκδοση λογισμικού:
HTML5

Λέξεις-κλειδιά

ηλεκτρονικού εμπορίου, ηλεκτρονικού εμπορίου, Όλα τα αντικείμενα, ήχου, αναπαραγωγής ήχου, καμβάς, CSS3, προσαρμόσιμη, HTML5, jQuery, μεσα ΜΑΖΙΚΗΣ ενημέρωσης, ελάχιστος, παίχτης, τραγούδι, SoundCloud, ήχους, κύμα, youtube