UI5应用程序中导入的库在调用时消失

Question

I have downloaded this library into my project and put it into "lib" folder in my project.

Then I add it into the cotroller of my view, when I want to call it when clicking the button, as described in the documentation

sap.ui.define([
   "sap/ui/core/mvc/Controller",
   "Test_ScreenRecordingTest_ScreenRecording/lib/RecordRTC"
], function(Controller, RecordRTC) {
"use strict";

return Controller.extend("Test_ScreenRecordingTest_ScreenRecording.controller.View1", {
    onStartRecording: function(){
        debugger;

        var mediaConstraints = { video: true, audio: true };
        navigator.mediaDevices.getUserMedia(mediaConstraints).then(this.successCallback.bind(this)).catch(this.errorCallback);
    },

    successCallback: function(stream) {
        // RecordRTC usage goes here
        var options = {
          mimeType: 'video/webm', // or video/webm\;codecs=h264 or video/webm\;codecs=vp9
          audioBitsPerSecond: 128000,
          videoBitsPerSecond: 128000,
          bitsPerSecond: 128000 // if this line is provided, skip above two
        };
        //jQuery.sap.require("Test_ScreenRecordingTest_ScreenRecording.lib.RecordRTC");
        this.recordRTC = RecordRTC(stream, options);
        this.recordRTC.startRecording();
    },

    errorCallback: function(error) {
        console.log(error)
        debugger;
    },

    onStopRecording: function(){
        this.recordRTC.stopRecording(function (audioVideoWebMURL) {
            video.src = audioVideoWebMURL;

            var recordedBlob = this.recordRTC.getBlob();
            debugger;
            this.recordRTC.getDataURL(function(dataURL) {
                debugger;
            });
        });
    }
});

If I don't use the RecordRTC variable, I can see it in the debugger. If I use it, it appears as "undefined". So can never call it.

Could you please help??Ç

EDIT 09-feb-2018: Solved declaring a new variable in the Controller extension

return Controller.extend("Test_ScreenRecordingTest_ScreenRecording.controller.View1", {

    //this line solved the issue
    RecordRTC: RecordRTC,

    onStartRecording: function(){
        debugger;

        var mediaConstraints = { video: true, audio: true };
        navigator.mediaDevices.getUserMedia(mediaConstraints).then(this.successCallback.bind(this)).catch(this.errorCallback);
    },

Thank you in advance

Answer 1

The dependency string in your code looks strange: "Test_ScreenRecording Test_ScreenRecording /lib/RecordRTC".

Can it be a typo?

Anyway, the dependency path should be like this: " <app ID from manifest.json> /lib/RecordRTC".