Comments (11)
yeah that will be very useful for our realtime chat too.
from videojs-record.
Is this something that still needs to be done? We would also like to have this functionality and I'm happy to do the work if someone can help point me in the right direction
from videojs-record.
PRs are welcome!
from videojs-record.
Hi @thijstriemstra ,
Very nice library worked very well.
I will be very thank full to anyone who let me know how to achieve functionality of getting blob after some time intervals.
Thanks,
Faraz
from videojs-record.
It looks like the latest recordrtc improves support for this. I added a PR (muaz-khan/RecordRTC#283) and will implement a timeSlice
option in this plugin.
from videojs-record.
@faraz-purelogics and @erikdonohoo it's now implemented in master, see https://github.com/collab-project/videojs-record#timestamps. Can you give that a try?
from videojs-record.
Hey Am having issues with the timestamp event. I am trying to upload a "slice" of the recorded video. Below is what I noticed.
-
The first slice of the
player.recordedData
contains a blob of size 1 -
The subsequent slices contain blob array of size + 1
I only want to send a particular slice at a time and not the total recorded file. How do I achieve this?
from videojs-record.
I just saw this block of code under the timestamp event section of your documentation
// monitor stream data during recording
player.on('timestamp', function() {
// timestamps
console.log('current timestamp: ', player.currentTimestamp);
console.log('all timestamps: ', player.allTimestamps);
// stream data
console.log('array of blobs: ', player.recordedData);
// or construct a single blob:
// var blob = new Blob(blobs, {
// type: 'video/webm'
// });
});
How do I construct a single blob?
from videojs-record.
How do I construct a single blob?
it says it right there
var blob = new Blob(blobs, {
type: 'video/webm'
});
from videojs-record.
How about the timeslice issue I raised?
I did the following
var binaryData = player.recordedData[player.recordedData.length - 1];
The first blob is playable but the subsequent blobs are not playable. How do I resolve this?
from videojs-record.
How about the timeslice issue I raised?
you should open a new ticket and not use an existing ticket, thanks.
from videojs-record.
Related Issues (20)
- audioMimeType option doesn't work. HOT 1
- Timeslice/Timestamp video doesn't have duration when upload to AWS s3 multipart upload HOT 3
- Firefox: screen recording broken. Error message: "DOMException: The object can not be found here." HOT 1
- Record Camera and Screen into Single WebM. HOT 2
- taking image from Screen while screen share enabled HOT 1
- MediaRecorder API frame rate no change HOT 1
- Error Recording as Mirror Mode HOT 1
- vjs-record-indicator div overlays the screen in Chromium based browsers and takes over the clicks HOT 1
- Is timestamp blob garbage collected ?
- Encountering "Uncaught (in promise) TypeError: cannot read properties of undefined (reading 'dataEnd')" error with the videosjs.record.ts-ebml.js plugin on Android devices, causing the application to freeze
- How to record a computer speaker while recording a screen HOT 1
- Not able to enable Portrait Mode HOT 1
- ffmpeg.wasm plugin needs upgrading to 0.12+ HOT 2
- Can't record mp4 file on Google Chrome. HOT 1
- Issue record on iOS by Chrome HOT 2
- iOS Chrome - 0Kb recorded HOT 3
- Demos using wavesurfer error with 404 HOT 1
- How to Play Audio Only?
- How to Play Audio Only?
- Video Enters Fullscreen "Live Broadcast" Mode on iOS Despite playsinline Attribute in Standalone PWA HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videojs-record.