11548 sujets

JavaScript, DOM et API Web HTML5

Salut tous.
Je rame depuis quelque temps déjà à propos d'un projet soumis par mon nouvel employeur à un client. Je dois faire l'équivalent de ce video où l'on voit des lutins qui dansent avec, en guise de tête, les photos de nos amis, famille...

J'aurais bien voulu utiliser Flash mais comme le produit final doit être compatible avec iPhones et autres iMachins ça ne me semble pas possible. Depuis quelques jours donc, j'explore les différentes pistes qui se présentent à moi, utiliser un canvas avec HTML5, si on peut en faire une explosion on doit bien pouvoir faire un "trou" dans l'animation pour glisser la photo de l'utilisateur en dessous(http://craftymind.com/factory/html5video/CanvasVideo.html); utiliser javascript pour "cropper" la photo de l'utilisateur en forme ovale et la "coller" sur le video (oui, c'est douteux comme solution).

Donc je ne sais plus dans quel sens chercher, et considérant que mes cours de Javascript remontent à 2004, j'ai un peu perdu la notion de ce qu'on peut faire avec.

Bref, si vous avez des pistes de solutions à me proposer, ça serait fort apprécié.
Merci Smiley smile
Hello.

Je ne suis pas bien sur d'avoir compris ce que tu cherches, mais simplement positionner ton image en absolute sur ta vidéo + un border-radius ne fait pas l'affaire?

Sinon, je n'ai jamais essayé, mais ça doit pouvoir se faire avec svg + une balise vidéo. Regarde du côté de cet article : SVG et HTML5

Je suis curieux de voir le résultat final si c'est possible.

Bonne chance!
AH! Exactement ce que je cherchais à faire! Avec beaucoup d'orgueil et de maux de tête j'ai réussi à faire ce que je voulais avec SVG.

Merci beaucoup pour ton aide, je met un lien dès la sortie du site.

Merci encore. Smiley lol