STIC Discussion:STIC I - exercice 4 (Drakkar)

De EduTech Wiki
Aller à la navigation Aller à la recherche

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.

Capture d’écran 2023-11-28 à 20.21.59.png

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)Répondre[répondre]

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)Répondre[répondre]


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)Répondre[répondre]

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


Problème avec les sous-titres

Bonjour, J'ai créé mes sous-tires dans un fichier VTT et ai inséré ce dernier dans mon code HTML. Cependant, même après avoir déposer mon dispositif sur le server, ceux-ci n'apparaissent pas sur ma vidéo et n'arrive pas comprendre pourquoi. Voici la manière donc j'ai inséré le fichier VTT dans mon code HTML : <video id="myVideo" controls preload="auto" height="400">

       <source src="assets/videos/variable_video.mp4">
       <source src="assets/videos/variable_video.ogv">
       <source src="assets/videos/variable_video.webm">
       <track
       kind="subtitles"
       src="assets/sous-titres/subtitles_fr.vtt"
       srclang="fr"
       label="Français"/>

Votre navigateur n’est pas compatible avec HTML5, veuillez réessayer après l'avoir mis à jour.

   </video>

Et voici le contenu de mon fichier VTT : WEBVTT

Introduction 00:00:01.000 --> 00:00:33.000 Introduction aux variables

Théorie sur les différences entre les variables quantitatives et qualitatives 00:00:33.000 --> 00:01:17.000 Théorie sur les différences entre les variables quantitatives et qualitatives

Exemples de variables quantitatives 00:01:21.000 --> 00:01:44.000 Exemples de variables quantitatives

Exemples de variables qualitatives 00:01:44.000 --> 00:02:14.000 Exemples de variables qualitatives

Théorie sur les variables quantitatives 00:02:16.000 --> 00:30:02.000 Théorie sur les variables quantitatives

Exemples de variables quantitatives continues 00:03:02.000 --> 00:30:50.500 Exemples de variables quantitatives continues

Exemples de variables quantitatives discrètes 00:03:51.000 --> 00:04:31.000 Exemples de variables quantitatives discrètes

Théorie sur les variables qualitatives 00:04:32.000 --> 00:05:00.000 Théorie sur les variables qualitatives

Exemples de variables qualitatives ordinales 00:05:01.000 --> 00:05:28.000 Exemples de variables qualitatives ordinales

Exemples de variables qualitatives nominales 00:05:28.000 --> 00:05:50.000 Exemples de variables qualitatives nominales

Synthèse 00:05:52.000 --> 00:06:23.000 Synthèse

Sauriez-vous me dire pourquoi ils ne s'affichent pas sur ma vidéo ?


Merci d'avance pour votre aide. Cordialement, Julie

Re: Problème avec les sous-titres -- Mattia A. Fritz (discussion) 7 décembre 2023 à 13:38 (CET)

Bonjour,

Merci de mettre le lien directe à votre exercice, cela nous facilite la compréhension du problème.

J'ai testé et il me semble que les sous-titres marchent correctement. Il faut d'abord les activer depuis le lecteur (bouton CC qui apparaît à côté du volume), mais une fois activés, ils s'affichent correctement.

Bien cordialement, Mattia