Πώς να ενσωματώσετε ένα δωρεάν πρόγραμμα αναπαραγωγής MP3 στον ιστότοπό σας: 3 τρόποι

Πώς να ενσωματώσετε ένα δωρεάν πρόγραμμα αναπαραγωγής MP3 στον ιστότοπό σας: 3 τρόποι

Εάν θέλετε οι επισκέπτες του ιστότοπού σας να απολαμβάνουν ένα αρχείο MP3, ένας από τους ευκολότερους τρόπους για να το κάνετε αυτό είναι να το ενσωματώσετε στη σελίδα. Με μια ενσωματωμένη συσκευή αναπαραγωγής MP3, οι επισκέπτες δεν χρειάζεται να κατεβάσουν απευθείας τον ήχο ή να χρησιμοποιήσουν πρόσθετο λογισμικό επειδή παίζει ενσωματωμένο.





Θα αναφέρουμε λεπτομερώς διαφορετικές μεθόδους που μπορείτε να χρησιμοποιήσετε για την ενσωμάτωση ενός MP3 στον ιστότοπό σας, συμπεριλαμβανομένης της χρήσης HTML5 και του Google Drive.





1. Ενσωματώστε ένα MP3 στον ιστότοπό σας με HTML5

Εάν αισθάνεστε άνετα να επεξεργάζεστε τον κώδικα του ιστότοπού σας, ένας από τους ευκολότερους τρόπους για να ενσωματώσετε ένα αρχείο MP3 είναι να χρησιμοποιήσετε το HTML5.





Το HTML5 Η ετικέτα μπορεί να φαίνεται βασική με την πρώτη ματιά, αλλά είναι ισχυρή αφού είναι συμβατή με όλα τα μεγάλα προγράμματα περιήγησης για επιτραπέζιους υπολογιστές και κινητά.

Για να ενσωματώσετε ένα MP3 με HTML5, χρησιμοποιήστε αυτόν τον κώδικα:



Your browser does not support the audio tag.

Απλώς αντικαταστήστε URL MP3 ΕΔΩ με το μεταφορτωμένο αρχείο ήχου. Αυτό δεν μπορεί να είναι αρχείο αποθηκευμένο στον υπολογιστή σας. πρέπει να είναι διαθέσιμο στο διαδίκτυο.

ο καλύτερος τρόπος για να σαρώσετε παλιές φωτογραφίες

Αυτός ο κωδικός θα τοποθετήσει μια μικρή συσκευή αναπαραγωγής ήχου στη σελίδα, από την οποία ο χρήστης μπορεί να παίξει, να διακόψει, να τρίψει και να ρυθμίσει την ένταση. Δείτε πώς φαίνεται στον Firefox:





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

Μπορείτε να εφαρμόσετε χαρακτηριστικά όπως π.χ. αυτόματη αναπαραγωγή και βρόχος , όπως έτσι:





Your browser does not support the audio tag.

Λάβετε υπόψη ότι τα περισσότερα προγράμματα περιήγησης δεν υποστηρίζουν την αυτόματη αναπαραγωγή επειδή θεωρείται κακή πρακτική να επιβάλλετε αυτόματα τον ήχο στους χρήστες.

Η βασική προσαρμογή μπορεί να εφαρμοστεί στο μπλοκ της συσκευής αναπαραγωγής ήχου μέσω CSS, όπως σύνορο και υλικό παραγεμίσματος Το Ωστόσο, θα χρειαστεί να χρησιμοποιήσετε JavaScript για να διαμορφώσετε σωστά το ίδιο το πρόγραμμα αναπαραγωγής, έτσι ώστε να είναι συνεπές σε όλα τα προγράμματα περιήγησης.

Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με τα χαρακτηριστικά του προγράμματος αναπαραγωγής ήχου HTML5 και την προσαρμογή Έγγραφα Ιστού MDN Το

δείτε ποιος σας έχει μπλοκάρει στο facebook

Σχετίζεται με: Δροσερά εφέ HTML Ο καθένας μπορεί να προσθέσει στους ιστότοπούς του

2. Ενσωματώστε ένα MP3 στον ιστότοπό σας με το Google Drive

Το Google Drive είναι ένα εξαιρετικός και δωρεάν πάροχος αποθήκευσης cloud Το Μπορείτε να το χρησιμοποιήσετε για να ανεβάσετε το αρχείο MP3 και να δημιουργήσετε ένα πρόγραμμα αναπαραγωγής ήχου.

Με το MP3 που έχει μεταφορτωθεί στο Google Drive:

  1. Κάντε δεξί κλικ το αρχείο και κάντε κλικ Λήψη συνδέσμου Το
  2. Αλλάξτε τον περιορισμό προσβασιμότητας σε Όποιος έχει το σύνδεσμο Το
  3. Τέλος, κάντε κλικ Αντιγραφή συνδέσμου Το

Αυτό θα σας δώσει μια διεύθυνση URL παρόμοια με αυτήν:

https://drive.google.com/file/d/123/view?usp=sharing

Αντικαθιστώ προβολή? usp = κοινή χρήση με προεπισκόπηση , όπως έτσι:

https://drive.google.com/file/d/123/preview

Στη συνέχεια, χρησιμοποιήστε ένα

Μπορείτε να προσαρμόσετε, να προσθέσετε ή να αφαιρέσετε τα χαρακτηριστικά (όπως frameborder και πλάτος ) όπως απαιτείται.

Αυτό θα ενσωματώσει το MP3 στον ιστότοπό σας χρησιμοποιώντας τη συσκευή αναπαραγωγής Google Drive. Οι χρήστες μπορούν να παίξουν, να τρίψουν και να προσαρμόσουν την ένταση, όπως ακριβώς και με το πρόγραμμα αναπαραγωγής HTML5. Δείτε πώς φαίνεται:

Η κύρια διαφορά είναι η παρουσία α ξεπεταχτεί κουμπί. Αυτό ανοίγει το MP3 στο Google Drive, όπου οι χρήστες μπορούν να προσθέσουν σχόλια, να μοιραστούν το αρχείο και πολλά άλλα.

3. Ενσωματώστε ένα MP3 στον ιστότοπό σας με ένα CMS

Εάν χρησιμοποιείτε σύστημα διαχείρισης περιεχομένου (CMS) για τον ιστότοπό σας, πιθανόν να εξακολουθείτε να χρησιμοποιείτε τις παραπάνω μεθόδους. Τούτου λεχθέντος, μπορεί να μην σας βολεύει να επεξεργάζεστε κώδικα HTML.

πώς να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας βίντεο shotcut 2017

Κάθε καλό CMS θα σας επιτρέψει να προσθέσετε ήχο στον ιστότοπό σας εύκολα μέσω της διεπαφής του. Για παράδειγμα, στο WordPress, απλά πρέπει προσθέστε ένα μπλοκ , επιλέξτε Χος , και μετά είτε Μεταφόρτωση το MP3, επιλέξτε το από το δικό σας Βιβλιοθήκη πολυμέσων , ή Εισαγωγή από τη διεύθυνση URL Το

Είτε χρησιμοποιείτε Ιστότοπους Google, ExpressionEngine ή υπηρεσία όπως το Squarespace, η διαδικασία προσθήκης ήχου θα είναι ελαφρώς διαφορετική, οπότε φροντίστε να συμβουλευτείτε την τεκμηρίωση βοήθειας της εταιρείας για πλήρη καθοδήγηση.

Αφήστε τους επισκέπτες σας να ακούσουν MP3 με ευκολία

Χρησιμοποιώντας οποιαδήποτε από τις παραπάνω μεθόδους, οι επισκέπτες της ιστοσελίδας σας θα μπορούν πλέον να ακούνε αρχεία MP3 μέσω πολυμέσων με ευκολία.

Τούτου λεχθέντος, δεν χρειάζεται πάντα να χρησιμοποιείτε αρχεία MP3. Υπάρχουν πολλές άλλες κοινές μορφές ήχου, όπως το WAV και το FLAC, που μπορείτε να παίξετε εξίσου inline στον ιστότοπό σας.

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Οι 10 πιο συνηθισμένες μορφές ήχου: Ποια πρέπει να χρησιμοποιήσετε;

Ξέρετε για το MP3, αλλά τι γίνεται με το AAC, το FLAC, το OGG ή το WMA; Γιατί υπάρχουν τόσες πολλές μορφές αρχείων ήχου και υπάρχει η καλύτερη μορφή ήχου;

Διαβάστε Επόμενο
Σχετικά θέματα
  • Διαδίκτυο
  • Ανάπτυξη διαδικτύου
  • Εργαλεία για Webmasters
  • HTML5
Σχετικά με τον Συγγραφέα Τζο Κίλι(Δημοσιεύθηκαν 652 άρθρα)

Ο Τζο γεννήθηκε με ένα πληκτρολόγιο στα χέρια του και άρχισε αμέσως να γράφει για την τεχνολογία. Έχει BA (Hons) στις Επιχειρήσεις και είναι πλέον ανεξάρτητος συγγραφέας πλήρους απασχόλησης που απολαμβάνει να κάνει την τεχνολογία απλή για όλους.

Περισσότερα από τον Joe Keeley

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή