« STIC:STIC II - exercice 17 (Stella) » : différence entre les versions

Version du 9 mai 2012 à 14:21

Cette page fait partie des cours STIC I et STIC II

Cet exercice du cours STIC II vous permet de vous familiariser avec HTML5 video et audio et des "HTML5 players" (librairies de code JavaScript)

Créez une page web interactive qui contient au moins une vidéo soutitrée et une audio

/etu-maltt/nestor/<login>/stic-2/ex17/

Un éditeur HTML/JavaScript
Librairies JavaScript (HTML5 players), en course on utilise LeanBack Player
Video download
- Vimeo Vidéos de qualité, mais il faut s'enregistrer
- Google video search
- Video downloadhelper, Firefox extension, permet de prendre des vidéos de YouTube par exemple
en:Sound Assets (trouver des sons)
Convertisseurs
- Online-convert.com Online converter service for various file formats.
- MediaConverter.org Online converter. Also can download from websites.
- OnlineVideoConverter.com. Online converter. Heavy adds.
- Install FireOgg, a Firefox plugin for creating ogg and webm video files
- Note: Il faudrait aussi tester le MediaEncoder de Adobe (puisque vous l'avez)

Le choix du thème n'a pas beaucoup d'importance, enfin il faut un sujet pédagogique cohérent.
L'utilisation doit être ergonomique
Dispositif: HTML5 plus une librairie JavaScript
La page doit servir à quelque chose d'utile et la video doit y jouer un rôle important. Exemples:

Le rapport:

Encodage de video MP4 en webm et ogv:

Exercice HTML5 - modification de fichiers dans:

Notamment:

@@ Ligne 19 : / Ligne 19 : @@
 * Librairies JavaScript (HTML5 players), en course on utilise [http://leanbackplayer.com/ LeanBack Player]
 * Video download
-** [https://vimeo.com/ Vimeo] Best quality video repository. For download, you will have to register.
+** [https://vimeo.com/ Vimeo] Vidéos de qualité, mais il faut s'enregistrer
-** http://video.google.com/videoadvancedsearch (Google video search)
+** [http://video.google.com/videoadvancedsearch Google video search]
-** [https://addons.mozilla.org/en-US/firefox/addon/3006 Video downloadhelper], Firefox extension. Allows to download from sites like YouTube.
+** [https://addons.mozilla.org/en-US/firefox/addon/3006 Video downloadhelper], Firefox extension, permet de prendre des vidéos de YouTube par exemple
-* [[:en:Sound Assets]]
+* [[:en:Sound Assets]] (trouver des sons)
-* Video and audio converters
+* Convertisseurs
 ** [http://www.online-convert.com/ Online-convert.com] Online converter service for various file formats.
 ** [http://www.mediaconverter.org/ MediaConverter.org] Online converter. Also can download from websites.
 ** [http://www.onlinevideoconverter.com/ OnlineVideoConverter.com]. Online converter. Heavy adds.
 ** Install [http://firefogg.org/ FireOgg], a Firefox plugin for creating ogg and webm video files
+** Note: Il faudrait aussi tester le MediaEncoder de Adobe (puisque vous l'avez)
 === Contraintes ===