dride / cordova-plugin-rtsp-vlc

PhoneGap/Cordova VLC RTSP Player Plugin

PhoneGap/Cordova RTSP player using VLC

Installation

cordova plugin add cordova-plugin-rtsp-vlc

Supported Platforms

• Android
• iOS

Usage

window.VideoPlayerVLC.play(
	 url,
	 done => {},
	 error => {}
);

Response

done: string - "onDestroyVlc"

Example:

window.VideoPlayerVLC.play(
	 "rtsp://192.168.42.1/live.mov",
	 done => {},
	 error => {}
);

References:

https://github.com/disono/libVLC-Player by @disono

https://github.com/pengyanb/com.pengyanb.vlcstreamplayer by @pengyanb

cordova-plugin-rtsp-vlc's Issues

Android Issue

Unable to play any videos on android.
It would be better if you put some sample project of your plugin usage.

Build error for Android

An error occurs while trying to build for android. The error is in VLCActivity:

error: lamba expressions are not supported in -source 1.6 (use -source 8 or higher to enable lambda expressions)

I have tried to fix this manually by using source 1.8, but had other issues with enabling jack. Do you have any suggested fix? Thank you

Landscape mode on Android

Issue was first reported here: #3

It is approximately taking 12 seconds to open the stream, both in Android & iOS

We are trying to play an Live RTSP stream from network camera using this plugin, but it is taking at least 12 second to open the stream, till then, window screen is black. Is this known problem with this plugin ? How to resolve it ?

Stream URL - rtsp://admin:[email protected]/cam1/h264

can not rotate to landscape

Hello

I am trying to play streaming video with it. its working fine but video is not rotating to landscape mode. any solution?

Ahm, sorry, but it also happens, if no stream is playing. If my stream is not avalible there is just a black window that opens. If i trigger the button 3 times, it also crashes with the same error, so you can test it ez ;)

Ahm, sorry, but it also happens, if no stream is playing. If my stream is not avalible there is just a black window that opens. If i trigger the button 3 times, it also crashes with the same error, so you can test it ez ;)

Originally posted by @ten80 in #14 (comment)

what should do I use it

I add and install cordova-plugin-rtsp-vlc yet, but it reported wrong VideoPlayerVLC is not defined

Add a license to your project

Hello,

I did fork your project and changed it considerably. But I would like to credit your work. Could you add a licence so I could reference it in my project?

Thank you

App crashes random after open or close streams

I have a list with streams in my app and sometimes my app crashes after opening and closing a stream. Is there a way to find out why? I use my app only on a iPad Air 2.

And one more question. Is it possible to show a audio icon or something, if i play a rtsp audio stream? Because it feels weird when u see a hole black screen with no feedback that audio is playing.

By the way: sorry for my bad english.

I hope someone could help me :)

Can it being used on ionic 3 project?

i had been install the cordova plugin but it seems i can't run the function, can you help me?

i call the function like this

and in the console show this

CallBacks stop working after change from activity page.

The call backs stop working after the player is play in a second or more pages. Let say we start playing a video in index.js the calls back working after the video end/stop and app move to a second page index2.js and a video is play there the call backs stop working. I will paste a sample code.

index.js

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
  
 
   url = "http://videourl.mp4";
    
   
    var vlcSuccess = function(json) { 
        console.log("SUCCESS "+JSON.stringify(json))
    }

    var vlcError = function(err) { 
        console.log("Error "+err);
    }


    window.VideoPlayerVLC.play(
        url,
        vlcSuccess,
        vlcError
    );

    alert('done');

    window.location = 'page2.html';

}

index2.js

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
  
   
   url = "http://videourl.mp4";
    
    
    var vlcSuccess2 = function(json) { 
        console.log("SUCCESS "+JSON.stringify(json))
    }

    var vlcError2 = function(err) { 
        console.log("Error "+err);
    }


    window.VideoPlayerVLC.play(
        url,
        vlcSuccess2,
        vlcError2
    );

    alert('done');

}

But if I append the code of index2.js to index.js instead of redirect it works..

movie stop issues

The movie starts normal and stops in a few seconds, but there is a sound.
How can I solve it?

Can't add plugin in my project

Hi dride

I use Vs2015 cordova to add the plugin
but it can't find this plugin
It said "Visual Studio Unable to parse the plugin.xml"

Can U help me?

Thanks
Johnny

Code usage

Hi
I am new to using cordova. Can you please provide guide on how to use this library in detail. Currently i am using it as mentioned in readme but i am getting this error.
[23:51:19] typescript: /player/src/pages/home/home.ts, line: 14
Property 'VideoPlayerVLC' does not exist on type 'Window'.

Thanks

Play RTSP stream in container

Is there any way to play the video in a container / div, so as not to open the camera in full screen?

No loading animation entered

No loading animation entered, How can I solve this problem? sorry My English is not good。

Keylistener

Hi,
Is it possible add keylistener?
I want to control vlc using UP/DOWN/LEFT/RIGHT/ENTER keys.
Thanks

Build failure

Hello, I'm having the following error when executing the command "ionic cordova run android -l":

cordova.cmd build android --device
[cordova]
[cordova] FAILURE: Build failed with an exception.
[cordova]
[cordova] * What went wrong:
[cordova] Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'.
[cordova] > Could not determine artifacts for com.github.disono.libVLC-Player:libvlc:1.0
[cordova] > Could not get resource 'https://jitpack.io/com/github/disono/libVLC-Player/libvlc/1.0/libvlc-1.0.aar'.
[cordova] > Could not HEAD 'https://jitpack.io/com/github/disono/libVLC-Player/libvlc/1.0/libvlc-1.0.aar'.
[cordova] > Read timed out
[cordova]
[cordova] * Try:
[cordova] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insight[cordova]
[cordova]
[cordova] C:\Users\Administrador\Documents\Ionic\rtspclient2\platforms\android\gradlew: Command failed with exit code 1 Error output:
[cordova] * What went wrong:
[cordova] Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'.
[cordova] > Could not determine artifacts for com.github.disono.libVLC-Player:libvlc:1.0
[cordova] > Could not get resource 'https://jitpack.io/com/github/disono/libVLC-Player/libvlc/1.0/libvlc-1.0.aar'.
[cordova] > Could not HEAD 'https://jitpack.io/com/github/disono/libVLC-Player/libvlc/1.0/libvlc-1.0.aar'.
[cordova] > Read timed out
[cordova]
[cordova] * Try:
[cordova] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
[cordova]
[cordova] * Get more help at https://help.gradle.org
[cordova]
[cordova] BUILD FAILED in 34s
[ERROR] An error occurred while running subprocess cordova.

    cordova.cmd build android --device exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

Has anyone experienced the same problem?

Not able to build on ios

Xcode hangs when i try to build on IOS

Zoom-in and Zoom-out

Hi,

Do we have any option to pinch-in and pinch-out to zoom the video?

"done"-function triggers at the wrong point

The "done"-function triggers on "stream start" not on "stream end".