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

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

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

Εάν σχεδιάζετε έναν ιστότοπο που περιλαμβάνει βίντεο που είναι εμπιστευτικό, ευαίσθητο ή χρησιμοποιείται για την επίτευξη επιχειρηματικών στόχων, πιθανότατα θα εξυπηρετηθείτε καλύτερα χρησιμοποιώντας ένα δίκτυο παράδοσης περιεχομένου (CDN). Υπηρεσίες όπως το BrightCove, το Akamai και το Amazon web Services όχι μόνο χειρίζονται το εύρος ζώνης και την παράδοση, αλλά προσφέρουν επίσης τη δυνατότητα μετατροπής κωδικοποίησης των βίντεο κλιπ σας στη σωστή μορφή, ώστε να αναπαράγονται απρόσκοπτα σε επιτραπέζιο υπολογιστή, tablet και smartphone.

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

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

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

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

Τα πλεονεκτήματα της φιλοξενίας βίντεο σε έναν ιστότοπο όπως το YouTube ή το Vimeo περιλαμβάνουν τα εξής:

  • Καλύτερη συμπίεση βίντεο: Τόσο το YouTube όσο και το Vimeo βελτιστοποιούν το βίντεό σας όταν το ανεβάζετε στους διακομιστές τους και συχνά κάνουν καλύτερη δουλειά από ό,τι θα μπορούσατε εσείς οι ίδιοι.

  • Παράδοση της σωστής έκδοσης σε κάθε επισκέπτη: Το YouTube εντοπίζει την ταχύτητα σύνδεσης και τη συσκευή των επισκεπτών σας και παραδίδει το βίντεο ανάλογα. Εάν επισκέπτεστε το YouTube με iPhone, βλέπετε το βίντεο σε μορφή MP4. Δείτε το ίδιο βίντεο με υπολογιστή και θα δείτε την έκδοση Flash. Ομοίως, εάν έχετε γρήγορη σύνδεση 3G, βλέπετε μια έκδοση υψηλότερης ανάλυσης.

  • Διαχείριση κόστους εύρους ζώνης: Αυτές οι υπηρεσίες μπορούν να σας βοηθήσουν να εξοικονομήσετε χρήματα. Εάν τα βίντεό σας γίνουν δημοφιλή και φιλοξενήσετε το δικό σας βίντεο, ενδέχεται να υπερβείτε τα όρια εύρους ζώνης του οικοδεσπότη Ιστού σας και να επιβαρυνθείτε με πρόσθετες χρεώσεις. Επειδή το βίντεο χρησιμοποιεί περισσότερο εύρος ζώνης από άλλους τύπους περιεχομένου, οι υπερβολές μπορεί να είναι δαπανηρές. Η φιλοξενία του βίντεό σας στο YouTube ή το Vimeo σημαίνει ότι δεν θα εκπλαγείτε ποτέ από τις πρόσθετες χρεώσεις εύρους ζώνης για βίντεο.

Η φιλοξενία βίντεο στο YouTube ή στο Vimeo είναι εύκολη. Ετσι δουλευει:

Δημιουργήστε έναν λογαριασμό στον ιστότοπο συμπληρώνοντας μια φόρμα (ή συνδεθείτε στον λογαριασμό σας εάν έχετε ήδη).

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

Ανεβάστε τα αρχεία σας στον ιστότοπο μέσω του προγράμματος περιήγησής σας.

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

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

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

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

Ανοίξτε την ιστοσελίδα σας στο Dreamweaver. Στον κώδικα HTML στη σελίδα σας, κάντε κλικ στο σημείο που θέλετε να εμφανίζεται το βίντεο και, στη συνέχεια, επικολλήστε το απόσπασμα κώδικα.

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


Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.

Εργασία με εικόνες στο Adobe XD

Εργασία με εικόνες στο Adobe XD

Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]

Εργασία με Artboards στο Photoshop CC

Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]

Σχήματα και πολύγωνα στο InDesign

Σχήματα και πολύγωνα στο InDesign

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

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]