Πώς να εισάγετε αρχεία ήχου και βίντεο στο Dreamweaver - ανδρείκελα

Παρόλο που μπορείτε να χρησιμοποιήσετε το Dreamweaver για να εισάγετε αρχεία βίντεο απευθείας σε μια ιστοσελίδα, η καλύτερη συμβουλή μας είναι να χρησιμοποιήσετε μία από τις υπηρεσίες φιλοξενίας βίντεο, όπως όπως το YouTube ή το Vimeo.

Όταν επιλέγετε Πολυμέσα από το μενού Εισαγωγή, βρίσκετε πολλές επιλογές βίντεο και ήχου. Εάν θέλετε να εισαγάγετε αρχεία βίντεο που βρίσκονται σε μία από τις παλαιότερες και πιο ιδιόκτητες μορφές, όπως το Windows Media Video (.wmv) ή το QuickTime (. Mov), επιλέγετε την επιλογή Plugin από την αναπτυσσόμενη λίστα Media στο Εισαγωγή μενού.

Κάντε κλικ όπου θέλετε το αρχείο που θα εμφανιστεί στην ιστοσελίδα σας.

1. Επιλέξτε Εισαγωγή → Πολυμέσα → Βίντεο HTML5.

2. Μπορείτε επίσης να κάνετε κλικ στην αναπτυσσόμενη λίστα στον πίνακα "Εισαγωγή", να επιλέξετε Media και, στη συνέχεια, να επιλέξετε HTML 5 Video. Ένα μικρό γκρι κουτί που περιέχει ένα εικονίδιο φιλμ εμφανίζεται στο σχέδιό σας.

   Κάντε κλικ στο μικρό γκρι πλαίσιο που περιέχει ένα εικονίδιο ταινίας.

   

3. Οι ιδιότητες "Βίντεο" εμφανίζονται στον "Επιθεωρητή ιδιότητας" στο κάτω μέρος της οθόνης.

   Στο πεδίο Πηγές στον Έλεγχο ιδιότητας, πληκτρολογήστε τη διεύθυνση URL στο αρχείο βίντεο ή επιλέξτε το εικονίδιο Περιήγησης και στη συνέχεια επιλέξτε ένα αρχείο βίντεο στον σκληρό σας δίσκο.

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

   (Προαιρετικό) Χρησιμοποιήστε τα πεδία Alt Source 1 και Alt Source 2 για να εισάγετε τη διεύθυνση URL ή να περιηγηθείτε και να επιλέξετε βίντεο σε πρόσθετες μορφές.

   

5. Μια από τις πολυπλοκότητες της χρήσης της ετικέτας βίντεο HTML5 είναι ότι μπορείτε να την χρησιμοποιήσετε με τρεις μορφές βίντεο: mp4, Ogg Theora και webM. Εάν θέλετε να γίνει αναπαραγωγή του βίντεο σας σε όλα τα δημοφιλή προγράμματα περιήγησης ιστού, πρέπει να συμπεριλάβετε το βίντεο και στις τρεις μορφές.

   Βλέπετε ότι και τα τρία πεδία προέλευσης συμπληρώνονται με βίντεο σε κάθε μία από αυτές τις μορφές. Επιπλέον, μπορείτε να συμπεριλάβετε ένα βίντεο Flash για παλαιότερα προγράμματα περιήγησης ιστού στο πεδίο Flash Fallback.

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

   Ένα άλλο πλεονέκτημα της χρήσης του Vimeo ή του YouTube για τη φιλοξενία των βίντεό σας είναι ότι μπορείτε να ανεβάσετε ένα βίντεο σε μία μόνο μορφή και το YouTube και το Vimeo να το μετατρέψουν και να το παραδώσουν αυτόματα σε όλες αυτές τις μορφές.

   Καταχωρίστε το ύψος και το πλάτος στα πεδία H και W, αντίστοιχα, του επιθεωρητή ιδιοτήτων.

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

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

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