
VIDEO ΨΜΑ TEMPLATE - 18/7/2023

Τα βίντεο μπορούν να αναρτηθούν σαν αυτόνομα αντικείμενα αλλά επειδή θέλουμε να έχουμε και το link προς τη σελίδα συντελεστών
και τα αρχεία υπότιτλων, έχει υλοποιηθεί ένα template σε html5

Σύμφωνα με τις προδιαγραφές:
Τα βίντεο θα πρέπει να είναι κωδικοποιημένα με H.264 codec και αποθηκευμένα σε .mp4
Ελάχιστη ανάλυση / διαστάσεις: 720p (HD): 1280x720

Υποτιτλισμός
Τα βίντεο θα πρέπει να συνοδεύονται από αρχεία υποτίτλων στην ελληνική γλώσσα, ώστε να
είναι προσβάσιμα σε άτομα με προβλήματα ακοής, σε δύο μορφές: .vtt και .srt (είναι απλά αρχεία κειμένου)
Ακόμα και αν δεν υπάρχουν διάλογοι ή ήχος, θα πρέπει να δίνονται κάποιες λεζάντες που περιγράφουν αυτό που βλέπουμε

Υπάρχουν 2 δείγματα (υπότιτλων) μέσα στο folder: video > resources
Μπορούμε να τα ανοίξουμε με το notepad. Τα αρχεία υπότιτλων πρέπει να έχουν το ίδιο βασικό όνομα με το video

ΣΗΜΕΙΩΣΗ: Κατά κανόνα τα αρχεία τίτλων δεν φορτώνονται (δεν εμφανίζονται τίτλοι) όταν το video εκτελείται τοπικά (λόγω περιορισμών ασφαλείας των browsers)
Σε αυτή την περίπτωση, δοκιμάστε να ανοίξετε το video (με κάποιο video player) απευθείας από το folder video > resources 

Η χρήση των ΨΜΑ θα θεωρηθεί εμπορική, οπότε όλα τα resources (εικόνες, ήχοι, video, κείμενα, εφαρμογές, html κτλ.) πρέπει να είναι είτε
free, original, είτε με αγορασμένα δικαιώματα. Προσπαθούμε για χρήση όσο γίνεται free υλικού και όπου χρειάζεται άδεια το αναλαμβάνει ο όμιλος.


ΔΙΑΔΙΚΑΣΙΑ ΠΡΟΣΑΡΜΟΓΗΣ


1) Αφού έχουμε ένα αρχείο video .mp4 (1280x720) πρέπει να το μετονομάσουμε σε: "sample.mp4"
(αν στον υπολογιστή μας δεν έχουμε ορατές τις επεκτάσεις των αρχείων πχ. .txt, .html κτλ. τότε είτε τις εμφανίζουμε, είτε απλά το μετονομάζουμε σε "sample")

2) Κάνουμε copy το αρχείο "sample.mp4" μέσα στο template στο "resources" folder
(Επιλέγουμε αντικατάσταση του παλιού αν υπάρχει ήδη κάποιο)

3) Πρέπει να προσαρμόσουμε - συγχρονίσουμε τα αρχεία υπότιτλων. Πάμε στο folder: video > resources
και κάνουμε edit πχ. το αρχείο sample.vtt Τα κείμενα πχ. σε κάθε πρόταση πρέπει να είναι μέχρι 2 γραμμές
[Για το edit χρησιμοποιούμε πχ το notepad ή notepad++ (notepad-plus-plus.org)]

Οδηγίες δημιουργίας αρχείου .vtt για παραγωγή προσβάσιμων υποτίτλων
https://accessibility.unipi.gr/media/attachment/dags/Demiourgia-prosbasimou-binteo-kai-prosbasimon-arkheion-ekhou-Ver-1.pdf
Βλ. σελ. 64 στο παραπάνω link

Αν έχουμε ένα συγχρονισμένο αρχείο .vtt από αυτό μπορεί σχετικά εύκολα με copy-paste και μετά από κάποιες αλλαγές να προκύψει ένα αρχείο .srt
Δείγματα αρχείων υπότιτλων υπάρχουν και εδώ:  video > resources > subtitle_examples

4) Κάνουμε edit την "index.html" (που βρίσκεται μέσα στο template folder) για να αλλάξουμε τα στοιχεία πχ. τίτλος ΨΜΑ, κείμενο βοήθειας-πληροφορίες κτλ. 
Βλέπε comments μέσα στην index.html που περιέχουν τη λέξη "ΨΜΑ"  πχ. "ΨΜΑ TODO: Ανανέωση τίτλου"
[Για το edit χρησιμοποιούμε πχ το notepad++ (notepad-plus-plus.org) ή το sublime (sublimetext.com) ή οποιοδήποτε άλλο html editor]

Τέλος πρέπει να ανανεωθούν και τα στοιχεία μέσα στη σελίδα συντελεστών "about.html" (είναι μια σελίδα με τους συντελεστές δηλ. τίτλος ΨΜΑ, ημ/νίες, συντελεστές) ενδέχεται να μην είναι αυτή η τελική της μορφή (έχει ζητηθεί διευκρίνιση)


Κώστας Ζώτος,
Ζωή Παπαμιχαήλ

Developer's Team
Εκπαιδευτικός Όμιλος Πουκαμισάς
Λ. Βουλιαγμένης 46, 16452 Αργυρούπολη
Τηλ. 210 4112507, 210 9920578
