How in videojs play recorded video?












0















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();









share|improve this question




















  • 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
















0















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();









share|improve this question




















  • 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














0












0








0








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();









share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








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 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














  • 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








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












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
});


}
});














draft saved

draft discarded


















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
















draft saved

draft discarded




















































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.




draft saved


draft discarded














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





















































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







Popular posts from this blog

MongoDB - Not Authorized To Execute Command

How to fix TextFormField cause rebuild widget in Flutter

in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith