phoboslab / jsmpeg

MPEG1 Video Decoder in JavaScript
MIT License
6.35k stars 1.43k forks source link

How do you get the jsmpeg player out of the canvas to use the API? #344

Closed mmeyers-solartech closed 4 years ago

mmeyers-solartech commented 4 years ago

I am creating a video player like this, and it works great:

var canvas = document.getElementById('video-canvas'); var url = ''; var player = new JSMpeg.Player(url, {canvas: canvas});

Now I'm trying to add a button to perform play/pause actions. How do I get the JSMpeg player out of the canvas so I can use the API?

document.getElementById("video-canvas")...? It should exist somewhere but I'm having difficult getting it out.

Thank you

mmeyers-solartech commented 4 years ago

Issue closed, added event listener on button in same method where player is created for direct access

var pause = document.getElementById('pauseButton') pause.addEventListener('click', function() { console.log('Pause in create video hit'); player.destroy(); document.getElementById('pauseButton').textContent = 'Play'; });