Comments (8)
Inside the finishRecord
handler you can upload the blob to a serverside script. For example using jQuery.ajax:
player.on('finishRecord', function()
{
var fd = new FormData();
fd.append('fname', 'test.webm');
fd.append('data', player.recordedData);
$.ajax({
type: 'POST',
url: '/upload.php',
data: fd,
processData: false,
contentType: false
}).done(function(data) {
console.log(data);
});
});
from videojs-record.
Full explanation and code on http://stackoverflow.com/a/18254775
from videojs-record.
I handle the front-end request using Node.js:
/*jslint node: true*/
"use strict";
var bodyParser = require('body-parser');
var multer = require('multer');
var express = require('express');
var app = express();
var http = require('http').Server(app);
var upload = multer({ dest: 'uploads/' });
var jsonParser = bodyParser.json();
app.use(jsonParser);
//REST
app.post('/upload/', upload.single('file'), function (req, res) {
console.log(req.headers);
console.log(req.file.filename);
return res.end();
});
//Templating
app.use(express.static(__dirname + '/public'));
//Server
var localPort = process.env.VCAP_APP_PORT || 3000;
http.listen(localPort, function () {
console.log('Listening on *:' + localPort);
});
Client side:
var fd = new FormData();
fd.append('fname', 'test.webm');
fd.append('file', player.recordedData);
$.ajax({
type: 'POST',
url: '/upload/',
data: fd,
processData: false,
contentType: false
}).done(function() {
console.log("ok");
});
from videojs-record.
I'm not familiar with node but I assume you figured it out?
from videojs-record.
Yes, I understood your Client script and I adapted a old code to upload the Blog to the server.
If you like, I could do a pull request with a clean example with node.js if you like
from videojs-record.
No, thanks, there are many backend languages to choose from and documenting these things is better to keep in tickets like this imo.
from videojs-record.
Oki
from videojs-record.
Hi,
I would like to know if this works for both Audio and Video.
It appears that the WebRTC Experiment does not work consistently across platforms, and while that may not be a fault of the library, it would seem difficult or impossible to record anytime or anywhere on any device, at this stage; whatever progress has been made, in relation to MediaRecorder and WebRTC.
Best of luck
from videojs-record.
Related Issues (20)
- 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
- How to start and stop record from an external button ? HOT 1
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.