STIC Discussion:STIC I - exercice 4 (Drakkar)

Problème lecture vidéo sur le navigateur

Bonjour,

Je me permets de vous contacter car je rencontre un problème lors de mon téléversement de mon exercice 4.

En effet, sur visual studio code lorsque je lance le go live je n'ai aucun problème pour lancer ma vidéo.

Cependant, une fois téléversée sur le serveur, elle n'apparait plus ni sur Mozilla, ni sur Chrome.

Je vous joint une capture d'écran de ce que m'affiche le navigateur.

J'ai pourtant inséré ma vidéo au format mp4 et webm dans mon html 5.

Merci d'avance pour votre aide.

Chloé. Chloé Gerard (discussion) 28 novembre 2023 à 20:23 (CET)

Bonsoir,

Merci de mettre directement le lien à votre travail, c'est plus rapide pour nous de regarder directement le code.

C'est un problème de pointage aux fichiers vidéos. Dans le code HTML5, aux lignes 30-31, vous avez des pointages du type <source src="./assets/vidéo/proportionnalité.mp4"/>, avec donc des caractères spéciaux. Sur le serveur, en revanche, votre dossier et vos fichiers sont sans caractères spéciaux (ce qui est correct). Il faut donc adapter les pointages.

Bien cordialement,

Mattia Mattia A. Fritz (discussion) 28 novembre 2023 à 20:43 (CET)

Problème avec la vidéo interactive H5P

Ayant des problèmes avec l'interactivité des questions sur javaScript, j'ai utilisé le logiciel H5P recommandé dans la page Recommandations en création de vidéos pédagogiques. Cependant, lorsque je veux récupérer la vidéo, elle n'est pas téléchargeable. Je peux avoir accès à un code :

<iframe src="https://myname.h5p.com/content/1292126878786487667/embed" aria-label="Le voyage du système digestif" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://myname.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>

Ayant essayé de l'incorporé et d'inclure mon code java en mettant un id et une class, cela ne fonctionne pas.

Tous mes sous-titres et mes pointages à un moment précis de vidéos sont devenus obsolètes car ils faisaient référence à la balise <video>. J'ai essayé de réadapter ces balises par <iframe>, mais cela ne fonctionne quand même pas.

Je téléverse le code sur ma page travaux, afin que vous puissiez le voir. http://tecfaetu.unige.ch/etu-maltt/drakkar/hebertp3/stic-1/problem/

En vous remerciant d'avance. Pauline Utilisateur:Pauline.Hébert

Re: Problème avec la vidéo interactive H5P -- Mattia A. Fritz (discussion) 29 novembre 2023 à 10:35 (CET)

Bonjour,

Effectivement si votre vidéo est à l'intérieur d'un iframe, c'est très difficile, voire souvent impossible de la contrôler avec JavaScript. L'utilisation de H5P pour cet exercice n'est pas prévue, car l'intérêt est justement de comprendre à la base comment fonctionnent des vidéos interactives.

Si vous avez des difficultés avec la vidéo incorporée comme élément HTML5 vous pouvez prendre RDV avec Stéphane à TECFA ou en visioconférence.

Bien cordialement, Mattia

liens pas opérationnel

Bonsoir,

J'ai téléversé mes travaux ex3 et ex4 (pas fini ce dernier) sur le serveur mais les liens ne fonctionnent pas. Je ne comprend pas d'ou vient le problème.

Merci,

Thierry Gfeller

Thierry (discussion) 3 décembre 2023 à 23:19 (CET)

Re: liens pas opérationnel -- Mattia A. Fritz (discussion) 5 décembre 2023 à 22:41 (CET)

Bonsoir,

J'imagine que vous vous référez aux liens depuis votre page travaux.

• Pour l'ex3, votre page doit s'appeler index.html pour apparaître en lien racine, tandis que votre page s'appelle quiz.html
• Pour l'ex4, votre dossier sur le serveur s'appelle projet_saxo et non pas projetsaxo comme dans l'URL

À ce stade du cours les chemins et les URL ont déjà fait l'objet d'une grande partie du programme, il faudrait donc les maîtriser davantage car ils vont jouer un rôle important aussi dans la suite des exercices.

Bien cordialement, Mattia