Quantcast
Channel: Appcelerator Developer Center Q&A Tag Feed (android)
Viewing all articles
Browse latest Browse all 7655

videoplayer on android with preview

$
0
0

Hi, I try to build a fullscreen video player. Because of delay of streaming I like to build a preview with poster image and optional a progress bar:

exports.create = function(_args) {
    if (Ti.Network.online == false || !_args.mp4)
        return;
    var url = _args.mp4;
    var win = Ti.UI.createWindow({
        backgroundColor : 'white',
        orientationModes : [Ti.UI.LANDSCAPE_RIGHT, Ti.UI.LANDSCAPE_LEFT]
    });
    win.add(Ti.UI.createImageView({
        image : _args.poster
    }));
    var videoplayer = Ti.Media.createVideoPlayer({
        autoplay : true,
        fullscreen : true,
        backgroundColor : '#333',
        url : url,
        mediaControlStyle : Ti.Media.VIDEO_CONTROL_DEFAULT,
        scalingMode : Ti.Media.VIDEO_MODE_FILL
    });
    videoplayer.addEventListener('playbackstate', function(_e) {
        console.log(_e.playbackState);
    });
    videoplayer.addEventListener('complete', function(e) {
        if (e.reason == 0) {
            win.close();
        };
    });
    videoplayer.addEventListener('fullscreen', function(e) {
        if (e.entering == 0) {
            win.close();
        };
    });
};
But after starting I see immediately a black screen and after a couple of moments the video begins to play. Any idea to solve it?

Here my entry of tiapp.xml to force the landscape:

<android xmlns:android="http://schemas.android.com/apk/res/android">
        <manifest>
            <application>
                <activity android:configChanges="keyboardHidden" android:label="" android:name="ti.modules.titanium.media.TiVideoActivity" android:screenOrientation="landscape" android:theme="@android:style/Theme.NoTitleBar.Fullscreen"/>
            </application>
        </manifest>
    </android>

Viewing all articles
Browse latest Browse all 7655

Trending Articles