Εισαγωγή ηχητικών αρχείων σε ανάρτηση

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

Ξέρω ότι πολλοί θα θεωρήσετε πολύ "ειδική" μία τέτοια ανάγκη, στην πράξη, όμως, αρκετοί θα το αναζητήσετε. Οι συνάδελφοι των ξένων γλωσσών λ.χ. πολύ συχνά αντιμετωπίζουν το πρόβλημα να ενσωματώσουν αρχεία listening σε μία διδακτική πρόταση ή σε ένα φύλλο εργασίας. Το ίδιο και οι συνάδελφοι μουσικοί όπως και άλλες ειδικότητες, ιδιαίτερα όταν δουλεύουν με πολυτροπικά κείμενα. Γι αυτές τις περιπτώσεις θα προσπαθήσουμε να καλύψουμε την ανάγκη με απλές οδηγίες, με γνώμονα τη λογική ότι το πιο απλό και κατανοητό για τον μέσο χρήστη είναι και το καλύτερο!
Σκοπός μας είναι να ενσωματώσουμε ένα ηχητικό αρχείο, όπως αυτό που ακολουθεί, με πλήρη λειτουργικότητα, δηλαδή αυτόνομο player, χειριστήρια και αυξομείωση ήχου.

BHMA 1

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

• Έστω ότι θέλουμε να ενσωματώσουμε το ηχητικό αρχείο test01.mp3. 
• Το επιλέγουμε από τον υπολογιστή μας και το ανεβάζουμε σto drive.
• Στη συνέχεια κάνουμε δεξί κλικ στην επιλογή Κοινή Χρήση και από τις επιλογές που διατίθενται επιλέγουμε "Δημόσιο στον ιστό - Οποιοσδήποτε χρήστης στο Διαδίκτυο έχει τη δυνατότητα εύρεσης και προβολής".

BHMA 2

• Στη συνέχεια, κάνουμε διπλό κλικ πάνω στο αρχείο.
• Στο νέο παράθυρο, πατάμε τις τρεις τελείες, πάνω δεξιά.
• Επιλέγουμε "Άνοιγμα σε νέο παράθυρο"

ΒΗΜΑ 3

• Στο νέο παράθυρο, πατάμε (και πάλι) τις τρεις τελείες, πάνω δεξιά.
• Επιλέγουμε "Ενσωμάτωση νέου στοιχείου"
• Αντιγράφουμε τον κώδικα ενσωμάτωσης νέου στοιχείου.

ΒΗΜΑ 4

• Πίσω στο περιβάλλον του Blogger, επικολλούμε τον κώδικα στην ανάρτησή μας, στην καρτέλα HTML
• Επεμβαίνουμε στις τιμές width και height, που ορίζουν αντιστοίχως το πλάτος και το ύψος του ενσωματωμένου αντικειμένου και τις τροποποιούμε. 
• Το αντικείμενο που ενσωματώσαμε παραπάνω έχει πλάτος 440 και ύψος 60. Το βρίσκω καλό για αυτή τη δημοσίευση. Εσείς πειραματιστείτε και με άλλες τιμές.