videojs-record: Video record sample not working in Chrome or Edge on Windows

Description

None of the video record demos are working in Chrome and Edge on Windows.

Steps to reproduce

Visit https://collab-project.github.io/videojs-record/examples/audio-video.html
Click the device image to start.
Authorize webpage to access camera.
Press record.

Results

Expected

Video.

Actual

Edge: Camera turns on and shows the video feed, but clicking record does nothing (no error in console) Chrome: No output, green camera view box. Clicking record produces error as shown below.

Error output

VIDEOJS: ERROR: TypeError: this.mediaElement.play is not a function
    at t.value (videojs.record.js:1253)
    at t.value (videojs.record.js:588)
    at t.value (record-toggle.js:59)
    at HTMLButtonElement.n (video.min.js:2)
    at HTMLButtonElement.X.n.dispatcher.n.dispatcher (video.min.js:1)

Additional Information

Please include any additional information necessary here. Including the following:

versions

videojs

Using video.js 6.9.0 with videojs-record 2.3.0 and recordrtc 5.4.7

browsers

Chrome Version 66.0.3359.181 (Official Build) (32-bit & 64-bit) and Version 67.0.3396.62 (Official Build) (32-bit & 64-bit)

OSes

Windows 8, 10

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 26 (11 by maintainers)

Commits related to this issue

add note about disabling browser extensions refs #250 — committed to collab-project/videojs-record by thijstriemstra 6 years ago

Most upvoted comments

Sorry for the delay. Just retested on Chrome on Windows 8 and it works with the Video Speed Controller extension disabled. So it seems that was the culprit. Bug should be closed as the issue is much less broad than I initially thought. I believe the remaining issues are:

Problems with the sample using Edge
Chrome with Video Speed Controller doesn’t work even though the sample from Google works…

Not sure if those bugs are worth reporting, let me know.

leospalteholz on Jul 10, 2018

This happened with me because there was no SSL on my website where I hosted. And if there is no SSL, chrome blocks the video part entierly. Put an SSL on your website and it will be solved.

agauravdev on May 28, 2020

I just tested in on both Win7 and Win10, Chrome 67, and it works perfectly.

Could it be that some chrome extension is interfering?

On Wed, Jul 4, 2018 at 6:49 PM Leo Spalteholz notifications@github.com wrote:

Odd. Still same problem here with video.js 7.0.3 and recordrtc 5.4.7. Doesn’t work in Chrome on Windows 8 or Windows 10 on three different machines (Lenovo Thinkpad, Surface Pro 4, Intel Nuc).

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/collab-project/videojs-record/issues/250#issuecomment-402525523, or mute the thread https://github.com/notifications/unsubscribe-auth/AAmK8r-lqnpDmpdqSpQ2_rGo_gW43eHHks5uDPIqgaJpZM4UQlQi .

dirkk0 on Jul 6, 2018

Firefox 60 on Windows 10 works.

Console:

VIDEOJS: Using video.js 6.9.0 with videojs-record 2.3.0 and recordrtc 5.4.7
video.min.js:1:30356
started recording video stream.
RecordRTC.js:59:13
Using recorderType: MediaStreamRecorder
RecordRTC.js:1039:9
Passing following config over MediaRecorder API. 
Object { type: "video", video: {…}, canvas: {…}, frameInterval: 10, disableLogs: false, recorderType: null, mimeType: "video/webm", timeSlice: undefined, onTimeStamp: undefined, initCallback: initCallback(), … }
RecordRTC.js:2043:13
Recorder state changed: recording
RecordRTC.js:699:17
Initialized recorderType: MediaStreamRecorder for output-type: video
RecordRTC.js:99:13
started recording!
audio-video.html:67:5
Stopped recording video stream.
RecordRTC.js:125:13
Recorder state changed: stopped
RecordRTC.js:699:17
video/webm -> 3.25 MB
RecordRTC.js:166:17
finished recording:  
Blob { lastModified: 1527742471232, lastModifiedDate: Date 2018-05-31T04:54:31.232Z, name: "1527742471232.webm", size: 3250023, type: "video/webm" }

leospalteholz on Jun 15, 2018