Кадр, как играть анимацию, а затем видео - PullRequest
Новая
       19

Кадр, как играть анимацию, а затем видео

0 голосов
/ 14 февраля 2020

Я использую A-Frame вместе с 8thWall и просто удивляюсь, как я могу сначала воспроизвести анимацию, а затем в конце анимации хочу воспроизвести видео.

HTML: 

    <img id="left-tank-thumb" src="assets/video2thumb.jpg">

      <video
      id="brh-video"
      autoplay
      muted
      crossorigin="anonymouse"
      loop="true"
      src="assets/brh_video.mp4">
      </video>

    <a-entity
    xrextras-named-image-target="name: fairy"
    xrextras-play-video="video: #brh-video; thumb: #left-tank-thumb; canstop: false"
    geometry="primitive: plane; height: 1; width: 2;">
    </a-entity>

    <a-entity xrextras-named-image-target="name: fairy">
    <a-entity id="brueh" gltf-model="#links-glb" position="0 0 -3" scale="0.1 0.1 0.1" rotation="0 90 0"
    animation-mixer></a-entity>
    </a-entity>

JS 

const brueh = document.getElementById("brueh")
const video = document.getElementById("brh-video")
brueh.addEventListener('animationend', function () {
  video.play();      
});
...