Angular 6 videojs-запись приводит к ошибке во время выполнения - PullRequest
Новая
       10

Angular 6 videojs-запись приводит к ошибке во время выполнения

0 голосов
/ 07 октября 2018

Я использую Angular 6 вместе с плагином videojs-record.Я настроил следующие зависимости в моем проекте. 

npm install --save video.js
npm install --save videojs-record

Позже я сослался на плагин videojs, используя следующую инструкцию импорта. 

import videojs from 'video.js';
import 'webrtc-adapter';
import RecordRTC from 'recordrtc';
import Record from 'videojs-record/dist/videojs.record.js';

Хотя во время компиляции не сообщалось об ошибке,когда я нажимаю на браузер, в консоли появляется следующая ошибка: 

Uncaught ReferenceError: global is not defined
    at Object../node_modules/webrtc-adapter/src/js/adapter_core.js (adapter_core.js:13)
    at __webpack_require__ (bootstrap:78)
    at Module../src/app/app.component.ts (main.js:93)
    at __webpack_require__ (bootstrap:78)
    at Module../src/app/app.module.ts (app.component.ts:13)
    at __webpack_require__ (bootstrap:78)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:78)
    at Object.0 (main.ts:12)
    at __webpack_require__ (bootstrap:78)

Пожалуйста, дайте мне знать, что мне здесь не хватает?

Информация о версии: 

"video.js": "^7.2.3",
"videojs-record": "^2.4.1",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",

ОБНОВЛЕНИЕ-1: Если я изменю импорт webrtc-адаптера с 

import 'webrtc-adapter'

на 

import 'webrtc-adapter/out/adapter_no_global.js';

videojs, произойдет сбой со следующей ошибкой.

ERROR Error: plugin "record" does not exist
    at Player.<anonymous> (video.es.js:19615)
    at Array.forEach (<anonymous>)
    at new Player (video.es.js:19611)
    at videojs$1 (video.es.js:24059)
    at AppComponent.push../src/app/app.component.ts.AppComponent.startRecording (app.component.ts:43)
    at Object.eval [as handleEvent] (AppComponent.html:5)
    at handleEvent (core.js:10251)
    at callWithDebugContext (core.js:11344)
    at Object.debugHandleEvent [as handleEvent] (core.js:11047)
    at dispatchEvent (core.js:7710)

ОБНОВЛЕНИЕ-2:

Я пытался использовать угловой регулятор Cli (https://github.com/nfriend/angular-cli-customizer) и следовал инструкциям, указанным в https://github.com/collab-project/videojs-record/wiki/Angular

К сожалению, это тоже не сработало: (

1 Ответ

0 голосов
/ 24 мая 2019

У меня была та же проблема, но я решил ее, используя следующую методологию: Ваш "videojs-record / dist / videojs.record.js" файл не загружается на этот конкретный компонент, поэтому попробуйте загрузитьэто динамически из файла component.ts

Для получения дополнительной информации см. ссылку ниже Динамически загружать внешний файл javascript из углового компонента

...