Orca Video test

by Grzegorz Matyszewski

HTML

<div class="orca" id="orca"></div>
<br>
<button id="startBtn">Start</button>
<button id="playBtn">Play</button>
<button id="pauseBtn">Pause</button>

JavaScript

window.addEventListener('orcaRender', e => {
  const { videoElementRef, videoId, orcaRef } = e.detail;
  
  document.getElementById('startBtn')
  	?.addEventListener('click', () => {
  		orcaRef.current.start();
  	});
  
  document.getElementById('playBtn')
  	?.addEventListener('click', () => {
  		orcaRef.current.play();
  	});
  
  document.getElementById('pauseBtn')
  	?.addEventListener('click', () => {
  		orcaRef.current.pause();
  	});
});

window.OrcaPlayer.render(document.getElementById('orca'), {
    uuid: 'ff691fdf-f02a-4bb2-b9b1-6b95a6456cb8',
    config: {
      isMutedOverride: true,
    },
    onVideoRendered: (id, node, orcaPlayer) => {
      console.log(id, node, orcaPlayer);
    },
});