Video incurvé

Description

c'est un lecteur de vidéo incurvé utilisant conjointement l'api video pour le lecteur le css 3d pour créé la zone incurvé et l'api canvas pour restitué la vidéo.
la source est repris d'une de mes sources qui affiche un mur d'image incurvé pour le principe on créer la zone incurvé avec plusieurs rectangles en utilisant le css 3D et chaques rectangle est un canvas et dans chaque canvas on vas pouvoir affiche une partie de la vidéo par découpage en utilisant javascript associé a l'api canvas

comme le rendu ce fait dans des canvas il n'y a pas de barre de controle pour la video j'ai donc créé une barre de contrôle qui s'affiche en survolant le bas de la video.

et enfin j'ai ajouter un bouton parcourir en bas de page afin de sélectionner un fichier dans un dossier du pc les formats supporté sont le mp4 le webm et l'ogg

au sujet compatibilité je l'ai testé avec ie 11 chrome et firefox et vivaldi.

conclusion : plus besoin d'acheter une télé incurvé

page teste

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.