NativeScript android BetterVideoPlayer 实现

Question

我正在尝试为 NativeScript Android 实现 BetterVideoPlayer (implementation 'com.github.halilozercan:BetterVideoPlayer:1.2.alpha1')。因此，在一个 Angular 项目中，我创建了这样的单独组件：

import { View } from "tns-core-modules/ui/core/view";

declare var com, android;

export class BetterPlayer extends View {

    public mediaPlayer;

    public createNativeView(): any {

        const nativeView = new android.widget.FrameLayout(this._context);

        nativeView.addView(this._openVideo());

        // or return this._openVideo(); // still not working..

        return nativeView;
    }



    public _openVideo() {
        let url = android.net.Uri.parse("http://jzvd.nathen.cn/c6e3dc12a1154626b3476d9bf3bd7266/6b56c5f0dc31428083757a45764763b0-5287d2089db37e62345123a1be272f8b.mp4");

        this.mediaPlayer = new com.halilibo.bettervideoplayer.BetterVideoPlayer(this._context);

        console.dir(this.mediaPlayer);

        this.mediaPlayer.setSource(url);
        this.mediaPlayer.setAutoPlay(true);
        this.mediaPlayer.setHideControlsOnPlay(true);

        return this.mediaPlayer;
    }
}

然后从组件我使用registerElement注册它

registerElement("BetterPlayer", () => BetterPlayer);

HTML：

<BetterPlayer height="200"></BetterPlayer>

但问题是，它没有显示播放器。只显示黑色区域。我在哪里做错了？请给我建议。提前致谢。

Answer 1

BetterVideoPlayer 在onFinishInflate() 中创建实际的媒体播放器，该方法仅在通过 Android XML 启动 View 元素时调用，像您在 {N} 中所做的编程创建不会触发此方法。因此，您可以简单地执行this.mediaPlayer.onFinishInflate(); 来强制创建媒体播放器，它应该可以工作，一旦我这样做了，我就可以在设备上观看视频了。