Aller au contenu


Photo

html5 et tag "video"


  • Please log in to reply
7 réponses à ce sujet

#1 tablier

tablier

    Brasseur de pâte à cacao

  • Membre
  • PipPipPipPipPipPipPip
  • 3 108 messages
  • LocationGrenoble et Méaudre (Isère)

Posté 11 février 2014 - 19:39

La base de donnée d'Aconit contient des vidéos et des pdf (ou des liens sur des vidéos et des PDF) qui devront être vus par les utilisateurs soit sur Mac, soit sur PC et éventuellement sous Linux.  J'ai fait quelques expériences sur Mac et PC avec Safari, Firefox, Chrome et Opéra. Puis spécifiquement sur PC avec "internet explorer" et sur Mac avec  Flock, iCab et SeaMonkey.

Suivant la plateforme et le browser (éventuellement les plug-ins) les résultats sont divers et variés, voir désespérants!. Certains browsers refusent de visualiser les vidéos, re-dimensionnent ou ne re-dimensionnent pas le film à la taille de la fenêtre,  et d'autres ignorent totalement le tag <video>.

Par exemple Firefox-Mac me montre un rectangle noir pour les mp4, mais Firefox-PC les visualise très bien.

 

J'ai donc trois questions:

1 combien de développeurs web sont devenus fous en cherchant à résoudre ce type de problème?

2 quels browsers vous paraissent incontournables?

3 que me conseilleriez vous de faire pratiquement?

 

 

Nota: je pensais mettre une phrases d'avertissement du genre:

 Ce site est visualisable sur "liste des browser", visualisé avec d'autres programmes le résultat n'est pas garantit.


"Pourquoi répéter les erreurs passées, lorsqu'il y a tellement de nouvelles erreurs à commettre?" (Bertrand Russel)

J'ai mal à ma France !
mon site: http://cocoa.pod.free.fr


#2 AliGator

AliGator

    Mouleur de chocolats

  • Contrôleur d'arômes
  • 13 621 messages
  • LocationRennes (France)

Posté 11 février 2014 - 19:48

1 combien de développeurs web sont devenus fous en cherchant à résoudre ce type de problème?

Un sacré paquet. A peu près tous ceux que je connais dans mon entourage qui sont dans cette profession.
C'est le cauchemar de tout dev Web et le point noir récurrent dans le monde du Web : la fragmentation monumentale des navigateurs et de leur comportement et de leur non-respect ou interprétation personnelle des standards. C'est une des raisons majeures pour laquelle je ne ferais jamais de Web, même si la situation s'est améliorée ces dernières années avec HTML5 et avec des frameworks à la jquery & co, ça reste quand même une vraie plaie.

3 que me conseilleriez vous de faire pratiquement?

D'arrêter le developpement Web. Sérieusement. C'est des coups à s'arracher les cheveux, déprimer et et diminuer ton espérance de vie. Moi, pessimiste ? Mais non voyons :D
La Doc, c'est moi — Devise Shadok : S'il n'y a pas de solution, c'est qu'il n'y a pas de problème !
CocoaPods : Getting StartedLe Blog CocoaPodsCherchez des podsDocs de pods
Mon GitHub: OHHTTPStubs, SwiftGen…
Mon Blog: Crunchy Development

#3 tablier

tablier

    Brasseur de pâte à cacao

  • Membre
  • PipPipPipPipPipPipPip
  • 3 108 messages
  • LocationGrenoble et Méaudre (Isère)

Posté 11 février 2014 - 20:26

  :bravo!:   ça c'est clair et j'approuve.

 

  >:(    Malheureusement comment peut-on mettre à disposition d'utilisateurs dispersés, ayant des matériels et logiciels divers, le contenu de la base de donnée d'Aconit?


"Pourquoi répéter les erreurs passées, lorsqu'il y a tellement de nouvelles erreurs à commettre?" (Bertrand Russel)

J'ai mal à ma France !
mon site: http://cocoa.pod.free.fr


#4 EltonCosmonote

EltonCosmonote

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 123 messages
  • LocationClermont-Ferrand

Posté 12 février 2014 - 14:57

HTML 5 c'est bien mais les navigateurs sont loin de tous respecter les standarts..

Déjà je te conseillerai de rester sur les 5 principaux navigateurs (ie, chrome, firefox, safarie, et opéra) tu auras déjà bien assez de mal à faire quelque chose de compatible. Ensuite je me tournerai plus vers des player déjà existant que vers la balise html5 qui, en plus de ne pas être supporté par tous les navigateurs récents, sera difficile à utiliser pour les utilisateurs qui ne font pas leurs mise à jours. 

 

Sans trop cherché je suis tombé sur celui là : videojs qui à l'air sympa et qui fonctionne sur windows avec les 5 navigateurs 



#5 tablier

tablier

    Brasseur de pâte à cacao

  • Membre
  • PipPipPipPipPipPipPip
  • 3 108 messages
  • LocationGrenoble et Méaudre (Isère)

Posté 13 février 2014 - 20:29

J'ai juste fait un essai avec la démo de ce vidéo player. Je n'ai probablement pas tout compris.

Mon impression est qu'il sélectionne juste la source qui est compatible avec le Browser sous lequel il est.  Je m'explique:

J'ai lancé la vidéo mise en exemple avec Firefox et j'ai bien vu la vidéo.

Dans la démo on trouve:

 

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"

      poster="http://video-js.zenc...oceans-clip.png"

      data-setup="{}">

    <source src="http://video-js.zenc...oceans-clip.mp4" type='video/mp4' />

    <source src="http://video-js.zenc...ceans-clip.webm" type='video/webm' />

    <source src="http://video-js.zenc...oceans-clip.ogv" type='video/ogg' />

    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->

    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->

  </video>

 

Etant donné que sur Mac, Firefox n'affiche pas directement les mp4,  j'ai supprimé les lignes source  ".webm" et  ".ogg"  pour vérifier que le player affiche bien les .mp4. Eh bien NON, on obtient l'alerte "Aucune video dont le format ou le type MIME est géré n'a été trouvé".  Donc, pour que ça marche à tout les coups, il faut avoir les vidéos sous les trois formes mp4, webm et ogg. 


"Pourquoi répéter les erreurs passées, lorsqu'il y a tellement de nouvelles erreurs à commettre?" (Bertrand Russel)

J'ai mal à ma France !
mon site: http://cocoa.pod.free.fr


#6 EltonCosmonote

EltonCosmonote

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 123 messages
  • LocationClermont-Ferrand

Posté 14 février 2014 - 09:23

Effectivement j'avais pas trop fouillé mais ça ne me surprend pas vraiment : encore une fois les différents navigateurs ne se sont pas mis d'accords pour utiliser les même formats vidéo (et audio) (voir ici)

 

J'ai peur que tu ne puisses pas trouver du full compatible sans plugin si tu ne diversifies pas tes formats vidéo



#7 Céroce

Céroce

    Mouleur de chocolats

  • Contrôleur d'arômes
  • 5 321 messages
  • LocationSaint-Leu-d'Esserent / France

Posté 14 février 2014 - 18:31

Sinon, il faut utiliser un vieux codec, genre MPEG-2, et là ça doit être accepté par tout le monde (mais peut-on faire du streaming en MPEG-2) ?


RenaudPradenc.com Je suis développeur iOS & Mac indépendant.

#8 AliGator

AliGator

    Mouleur de chocolats

  • Contrôleur d'arômes
  • 13 621 messages
  • LocationRennes (France)

Posté 14 février 2014 - 22:20

mais peut-on faire du streaming en MPEG-2 ?

MPEG2-TS est fait pour, il me semble.
La Doc, c'est moi — Devise Shadok : S'il n'y a pas de solution, c'est qu'il n'y a pas de problème !
CocoaPods : Getting StartedLe Blog CocoaPodsCherchez des podsDocs de pods
Mon GitHub: OHHTTPStubs, SwiftGen…
Mon Blog: Crunchy Development




0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)