videojs-record icon indicating copy to clipboard operation
videojs-record copied to clipboard

Support for canvas/video/audio captureStream()

Open marloeleven opened this issue 7 years ago • 4 comments

I would like to add an image overlay to the created video. I am using other libs to add overlay for my images and gifs. I was wondering if this can support something like that?

marloeleven avatar Sep 25 '18 18:09 marloeleven

@marloeleven there's this: https://github.com/brightcove/videojs-overlay Can you give that a try and let me know how it goes?

thijstriemstra avatar Sep 26 '18 19:09 thijstriemstra

@marloeleven also take a look at this recordrtc example: https://webrtc-experiment.com/RecordRTC/simple-demos/show-logo-on-recorded-video.html

thijstriemstra avatar Oct 11 '18 19:10 thijstriemstra

Support for canvas.captureStream() is basically needed for this.

See https://developers.google.com/web/updates/2016/10/capture-stream

update 2021/01

All browsers, except Safari and oldskool Edge, support this: https://caniuse.com/?search=captureStream

  • iOS ticket: https://bugs.webkit.org/show_bug.cgi?id=181663

thijstriemstra avatar Oct 11 '18 19:10 thijstriemstra

@thijstriemstra Safari does support capturestream for canvas. It would be extremely useful to support canvas recording with an option to record with the microphone as well.

marcusx2 avatar Nov 09 '21 17:11 marcusx2