How in videojs play recorded video?
I'm using this library for recording video on browser https://github.com/collab-project/videojs-record
I assumne this is popular library, but how can I play recorded video after finishing on browser?
On "finishRecord" event I have recorded data as Blob type but what next?
UPDATE
player.on('finishRecord', function() {
// the blob object contains the recorded data that
// can be downloaded by the user, stored on server etc.
//Here i want to play recorded video in some video html tag
//player.record().saveAs({'video': 'my-video-file-name.webm'});
console.log('finished recording: ', player.recordedData);
});
SOLVED
var vsrc = window.URL.createObjectURL(player.recordedData);
var video = document.getElementById('myVideoPlayer');
video.src = vsrc;
video.autoplay = true;
video.play();
javascript
add a comment |
I'm using this library for recording video on browser https://github.com/collab-project/videojs-record
I assumne this is popular library, but how can I play recorded video after finishing on browser?
On "finishRecord" event I have recorded data as Blob type but what next?
UPDATE
player.on('finishRecord', function() {
// the blob object contains the recorded data that
// can be downloaded by the user, stored on server etc.
//Here i want to play recorded video in some video html tag
//player.record().saveAs({'video': 'my-video-file-name.webm'});
console.log('finished recording: ', player.recordedData);
});
SOLVED
var vsrc = window.URL.createObjectURL(player.recordedData);
var video = document.getElementById('myVideoPlayer');
video.src = vsrc;
video.autoplay = true;
video.play();
javascript
2
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Did you triedplayer.start()
?
– R3tep
Jan 2 at 13:15
I updated question
– Marat
Jan 2 at 13:23
1
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01
add a comment |
I'm using this library for recording video on browser https://github.com/collab-project/videojs-record
I assumne this is popular library, but how can I play recorded video after finishing on browser?
On "finishRecord" event I have recorded data as Blob type but what next?
UPDATE
player.on('finishRecord', function() {
// the blob object contains the recorded data that
// can be downloaded by the user, stored on server etc.
//Here i want to play recorded video in some video html tag
//player.record().saveAs({'video': 'my-video-file-name.webm'});
console.log('finished recording: ', player.recordedData);
});
SOLVED
var vsrc = window.URL.createObjectURL(player.recordedData);
var video = document.getElementById('myVideoPlayer');
video.src = vsrc;
video.autoplay = true;
video.play();
javascript
I'm using this library for recording video on browser https://github.com/collab-project/videojs-record
I assumne this is popular library, but how can I play recorded video after finishing on browser?
On "finishRecord" event I have recorded data as Blob type but what next?
UPDATE
player.on('finishRecord', function() {
// the blob object contains the recorded data that
// can be downloaded by the user, stored on server etc.
//Here i want to play recorded video in some video html tag
//player.record().saveAs({'video': 'my-video-file-name.webm'});
console.log('finished recording: ', player.recordedData);
});
SOLVED
var vsrc = window.URL.createObjectURL(player.recordedData);
var video = document.getElementById('myVideoPlayer');
video.src = vsrc;
video.autoplay = true;
video.play();
javascript
javascript
edited Jan 2 at 13:57
Marat
asked Jan 2 at 13:12
MaratMarat
226
226
2
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Did you triedplayer.start()
?
– R3tep
Jan 2 at 13:15
I updated question
– Marat
Jan 2 at 13:23
1
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01
add a comment |
2
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Did you triedplayer.start()
?
– R3tep
Jan 2 at 13:15
I updated question
– Marat
Jan 2 at 13:23
1
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01
2
2
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Did you tried
player.start()
?– R3tep
Jan 2 at 13:15
Did you tried
player.start()
?– R3tep
Jan 2 at 13:15
I updated question
– Marat
Jan 2 at 13:23
I updated question
– Marat
Jan 2 at 13:23
1
1
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54007010%2fhow-in-videojs-play-recorded-video%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54007010%2fhow-in-videojs-play-recorded-video%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
Please provide some source code just to show what you've tried and what you have not tried?
– JO3-W3B-D3V
Jan 2 at 13:13
Did you tried
player.start()
?– R3tep
Jan 2 at 13:15
I updated question
– Marat
Jan 2 at 13:23
1
If it's solved, you should post it as answer and mark it as accepted.
– Zydnar
Jan 2 at 14:01