RETOUR page précédente

RETOUR SOMMAIRE

1- A partir d'un fichier mp4. .

Attention seul les video "Equirectangular" sont utilisables en webvr.

• Mettre la video dans le dossier link de votre projet

• Nomer la video "maVideo.mp4"

• Ecrire dans les assets :
  <video id="video" style="display:none" autoplay loop crossorigin="anonymous" playsinline webkit-playsinline>
  <source type="video/mp4" src="../asset/link/mavideo.mp4" /></video>

• Ecrire dans les placements:
  <a-videosphere rotation="0 180 0" src="#video"
  play-on-window-click
  play-on-vrdisplayactivate-or-enter-vr>
  </a-videosphere>

3- Créer une video 360 avec votre smartphone.

Attention seul les video "Equirectangular" sont utilisables en webvr . Il existe de nombreuse applications pour réaliser des video 360. La plupart sont payantes et donne de bon résultats.

2- Enregistrer une video à partir de la camera 360 samsung gear 360".

Attention seul les video "Equirectangular" sont utilisables en webvr.

• Sur votre smartphone ouvrez l'application Gear 360

• Sur votre smartphone Cliquer sur camera et filmer puis terminer

• Sur votre smartphone ouvrez la video

• Sur votre smartphone dans la nouvelle fenêtre cliquer sur enregistrer

• Le smartphone transforme la video en equirectangular

• Branchez votre smartphone sur votre ordinateur

• Mettre la video dans le dossier link de votre proje

• Dans un logiciel de conversion séparer le son et l'enregistrer en mp3

• Nomer le son "monSon.mp3"

• Nomer la video "maVideo.mp4"

• Ecrire dans les assets :
  <video id="video" style="display:none" autoplay loop crossorigin="anonymous" playsinline webkit-playsinline>
  <source type="video/mp4" src="../asset/link/mavideo.mp4" /></video>

• Ecrire dans les placements:
  <a-videosphere rotation="0 180 0" src="#video"
  play-on-window-click
  play-on-vrdisplayactivate-or-enter-vr>
  </a-videosphere>

Regler le ciel dans A-frame

Mettre une video dans le sky

1- Récupérer une image lightProb sur le site Hdri Heaven. Par exemple "monImage.jpg".

• La mettre dans le dossier link de votre projet.

• Ecrire dans les assets : <img id="sky" src="../asset/link/monImage.jpg">

• Ecrire dans image de fond : <a-sky src="#monImage"></a-sky>

3- Créer une photo 360 avec votre smartphone.

Attention seul les images "Equirectangular" sont utilisables en webvr . Il existe de nombreuse applications pour réaliser des images 360. La plupart sont payantes et donne de bon résultats.

2- Enregistrer une image à partir de la camera 360 samsung gear 360".

Attention seul les images "Equirectangular" sont utilisables en webvr.

• Sur votre smartphone ouvrez l'application Gear 360

• Cliquer sur Appareil photo

• L'image de votre camera Gear 360 apparait

• Sous l'image choisir le mode d'affichage:"Vue panoramique"

• Prendre la photo ou la vidéo

• Ouvrir la photo

• Cliquer dessus, elle s'affiche sur votre téléphone en 360°

• Choisir à nouveau "vue panoramique"

• Choisir "Enregistrer"

• Branchez votre smartphone sur votre ordinateur

• Mettre l'image dans le dossier link de votre projet.

• Nomer l'image "monImage.jpg

• Ecrire dans les assets : <img id="monImage" src="../asset/link/monImage.jpg">

• Ecrire dans image de fond : <a-sky src="#monImage"></a-sky>

Regler le ciel dans A-frame

Mettre une image dans le sky