Failed to build resources on Windows

[inikonorov]

During I install dependencies via node.js it shows such errors as:

1. Failed to load resource: the server responded with a status of 404 (Not videojs.record.css found) or (Not video.js.record.js found)
2. Uncaught Error: plugin "record" does not exist (video.min.js:5)
   What should I do?

[thijstriemstra]

@inikonorov can you show me some example code, how are you loading this?

[inikonorov]

1. Clone git
   

2. Install dependencies
   

3. npm start
   

4. developer tools
   

[thijstriemstra]

I see, let me take a look.

[inikonorov]

look at what?

[thijstriemstra]

look at what?

At what could be wrong on your side (or buggy in this library). I've not built it on windows before for example, perhaps there's an issue.

[inikonorov]

I just tried to do this instructions
https://github.com/collab-project/videojs-record#examples

Error appears during npm start (look at screen - no such file or directory)
Sorry for my english :)

I don't understand completely what should I show you

[thijstriemstra]

@inikonorov hehe don't worry, it wasn't a request for you, I'm going to try to reproduce that error, just sit tight and I'll get back to you ;)

[inikonorov]

oh, thank you :)

[thijstriemstra]

@inikonorov what operating system are you using? And what version of node and npm? e.g. try running following commands and paste the output (or screenshot):

npm --version

node --version

[inikonorov]

win 10
npm 5.5.1
node 8.9.1

[thijstriemstra]

@inikonorov I've setup a windows build and I can recreate the issue which is good. See log at https://ci.appveyor.com/project/thijstriemstra/videojs-record/build/job/wfd4qlcv7d37n8cg

Now to fix it..

[thijstriemstra]

@inikonorov can you do a git pull and try again?

[inikonorov]

yeah, one second

[inikonorov]

hmm, the same error
i tried to clone again and node shows the same error

[inikonorov]

[thijstriemstra]

Ok thanks for the feedback I'll take a look at it again.

[inikonorov]

thank you very much, you're the best support i've ever seen 🥇

[inikonorov]

i can try to do this on Linux, but I have a question - what should i do with node_modules if I want to upload files to hosting? just upload this folder?

[thijstriemstra]

thank you very much, you're the best support i've ever seen 🥇

i'm 'always poor, never bored' ;)

[thijstriemstra]

i'd like to get it working on windows, i imagine many people tried this on windows and failed, so I'm glad you raised the issue. Never thought about the windows build :-/

[inikonorov]

yeah, i think many people tried this on windows too
if you need anything from me - i'm ready :)

[thijstriemstra]

@inikonorov can you upgrade npm/node to version 9 and see if that makes a difference?

[inikonorov]

yeah, of course
after university i'll write you

[inikonorov]

the same error

[inikonorov]

versions

[thijstriemstra]

@inikonorov can you attach the full log file (as noted at bottom of error), e.g. 2017-11-28T12_03_02_719Z-debug.log?

[inikonorov]

of course
2017-11-28T12_03_02_719Z-debug.log

[thijstriemstra]

@inikonorov i was able to reproduce your error (on windows and linux) and improved some things. Can you do:

• a fresh git checkout
• npm install (there is a new dependency)
• npm run build (so things like the fonts and other assets get build)
• npm run start (make sure to use npm run start, i think you used npm start before)

[inikonorov]

woohoooo! everything is work, thank you very much :)

[inikonorov]

but i still have a question, help me please, if you know anything about it - what should I do with node/npm, if I want to upload this files on hosting?

[inikonorov]

can I just upload node_modules folder?

[inikonorov]

and I wanted ask you - can I ask you some questions about videojs? and if i can do this, where does it do better?

[thijstriemstra]

@inikonorov you move the javascript, css and html files onto a webserver, not the whole node_modules directory. Use a site like stackoverflow.com for video.js questions or their github page.

[inikonorov]

nono, i was wrong, i wanted write "some questions about videojs-record" of course :)

[thijstriemstra]

Yea this is the right place.

[inikonorov]

okay, thank you very much, i'm very appreciate your support 🥇
i'll try to read some information about videojs-record and fine-uploader and make some experiments, if something goes wrong, I'll write you :)

[thijstriemstra]

v2.0.3 with the fixes has been released, closing.

[priyach21]

Hi I am facing issue with video recording and got the below issue.its been 2 days since im trying to fix but dint
In Angular we need to declare a variable for videojs
In component.ts:

let videojs = require('./../../../../../node_modules/video.js/dist/video.js');

ngAfterViewInit() {
var player = videojs("myVideo", {
controls: true,
width: 320,
height: 240,
fluid: false,
plugins: {
record: {
audio: true,
video: true,
maxLength: 15,
debug: true
}
}
});

// error handling
player.on('deviceError', function () {
  console.log('device error:', player.deviceErrorCode);
});

player.on('error', function (error) {
  console.log('error:', error);
});

// user clicked the record button and started recording
player.on('startRecord', function () {
  console.log('started recording!');
});

// user completed recording and stream is available
player.on('finishRecord', function () {
  // the blob object contains the recorded data that
  // can be downloaded by the user, stored on server etc.
  console.log('finished recording: ', player.recordedData);
});

}

angualrcli.json:

"styles": [
"styles.scss",
"assets/sass/style.scss",
"../node_modules/videojs-record/dist/css/videojs.record.css",
"../node_modules/video.js/dist/video-js.min.css"
],
"scripts": [
"assets/js/app.js",
"assets/js/bootstrap.min.js",
"assets/js/bootstrap-select.js",
"assets/js/bootstrap-datepicker.js",
"assets/js/ion.rangeSlider.min.js",
"assets/js/jquery.ui.js",
"assets/js/jquery.scrollbar.js",
"assets/js/photobooth_min.js",
"../node_modules/chart.js/dist/chart.min.js",
"../node_modules/videojs-record/dist/videojs.record.js",
"../node_modules/video.js/dist/video.min.js",
"../node_modules/recordrtc/RecordRTC.js",
"../node_modules/webrtc-adapter/out/adapter.js"
],

index.html

<script src="http://cdnjs.cloudflare.com/ajax/libs/video.js/4.12.5/video.js"></script> <script src="http://cdn.WebRTC-Experiment.com/RecordRTC.js"></script>

package.json:

"@angular/cli": "1.4.9",
"recordrtc": "^5.4.7",
"video.js": "^7.1.0",
"videojs-record": "^2.0.3",
"videojs-vr": "^1.4.7",
"videojs-wavesurfer": "^2.5.1",
"webrtc-adapter": "^6.3.2",
"@dfl/videojs-record": "^2.4.1",
"@types/videojs": "^5.16.2",