2014-09-02 2 views
2

Essayez d'exécuter les exemples Three.js sur le Nexus 7 et la plupart d'entre eux fonctionnent correctement. Mais je suis particulièrement intéressé par le rendu vidéo webgl pour travailler sur mon appareil nexus 7 et cela ne semble pas fonctionner. Tout ce que j'obtiens est un écran noir où la vidéo est supposée rendre, le reste entourant la vidéo est tout aussi normal.Pourquoi la vidéo Three.js ne s'affiche pas sur mon Nexus 7

Mon Nexus 7 exécute Android 4.4.4 & Chrome 36.0.1985.135 et je ne vois aucune erreur de console lors de l'exécution de ces exemples.

Les exemples qui ne fonctionnent pas sont: https://github.com/mrdoob/three.js/blob/master/examples/canvas_materials_video.html https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials_video.html

Mon hypothèse (et de ce que je lis) est que cela pourrait avoir quelque chose à voir avec la taille de la texture, ses besoins d'être la puissance de 2. Avez-vous la moindre idée de la raison pour laquelle cela ne fonctionne pas et de ce que je pourrais essayer de faire fonctionner?

Un grand merci pour votre aide déjà

Best,

Erik

+0

C'est parce que, pour l'instant, JavaScript ne permet pas de saisir l'image de la vidéo sur une plateforme mobile. – imcg

+0

@imcg Je ne suis pas sûr que ce soit correct. Je pense que le problème est que les vidéos ne sont pas lues automatiquement sur les appareils mobiles. – mrdoob

+0

Oh désolé pour la désinformation, j'ai supposé la texture vidéo utilisait canvas drawImage qui la dernière fois que j'ai vérifié ne fonctionnait pas pour la vidéo sur mobile. – imcg

Répondre

2

Je suis juste deviner mais les vidéos ne afaik pas sur autoplay appareils mobiles. Pour résoudre le problème, vous devez faire en sorte que l'utilisateur clique sur quelque chose et, dans le gestionnaire de ce clic, démarrer la lecture de la vidéo. Le moyen le plus simple serait de faire un div en plein écran sans contenu dont le css z-index est défini sur quelque chose, donc c'est au-dessus de tout le reste. Une fois que l'utilisateur clique dessus, lancez la vidéo et supprimez-la.

+0

Ceci l'a résolu! Merci beaucoup. –

Questions connexes