videoexpertsgroup / chrome.rtsp.player Goto Github PK
View Code? Open in Web Editor NEWChrome RTSP player
Home Page: https://www.videoexpertsgroup.com/
Chrome RTSP player
Home Page: https://www.videoexpertsgroup.com/
It would be nice if you would also bring out Plugins for Opera, Firefox and Edge.
Since Opera is based on Chrome, this port should be pretty easy todo.
Hi i was reading API.md and i couldn't find the js example of recording to MP4, could you add that to the doc please? or could you show a example in the issue ?
Thanks alot it's a great library
The player works well in 64bit Windows PC, But i got error message in 32bit windows pc while installing chrome vxg player extensions. error message is ( WEBGL is interrupted)
extension is not installing.
Hi,
I am trying to make a multi-channel viewer. However, I would like to remove the logo that is shown on the top-right corner. Is that possible by any mean?
Kind regards,
Saddam
Can't rtsp playback more than one video at same time.
Version 74.0.3729.108 (Official Build) (64-bit)
vxgplayer-1.8.40
HIKVISION DS-7600 NVR
Could you help me understand what's going on?
logs
I have a TS over UDP multicast stream in my network that I would like to preview it in Chrome. I tested this plugin. However, it is not working with my UDP streams and it keeps giving the error: "Problem with network" (Media_ERR_Network).
All my UDP streams are working fine with VLC.
Would you advise please?
Regards,
Saddam
I use grunt to make an GUI
And then the camera can not display.
It print “
vxgplayer isFrame: false vxgplayer-1.8.33.js:1383
vxgplayer browserSupportsPluginPnacl: false vxgplayer-1.8.33.js:1384”
my version:
npm:2.15.1
grunt-cli: v1.2.0
Hi,
I am trying to record my UDP streams however it does not work. I passed the UDP streams over HTTP using udpxy and tried to ingest/record the video however it did not work as well.
My link is as follow: http://10.10.155.142:4444/udp/238.1.1.1:9001
Could you please advise?
Kind regards,
Saddam
Hi VideoExpertsGroup ;)
Is there a way for playing RTSP from camera with multichannel unit as Bosh VideoJet X10 ?
Url exemple : rtsp://user:pass@ipadress/rtsp_tunnel?line=1
Work in VLC but not with VXG Media Player.
Thanks
Hi guys,
First of all, I would like to thank you for this player. It is really a nice thing to have.
I managed successfully to play RTSP video stream on web page.
Unfortunately, I failed when was trying to play MMS video stream.
I was trying to play those streams with VLC media player before trying them on VXG Media Player.
UDP connection is enabled for vxg init procedure and I still getting errors and MMS stream is not playing (log saying: Player source error=60929 WSS status=4 and handleMessage: MEDIA_ERR_NETWORK).
If anybody jumped on this before and could share experience I would be very thankful.
Chrome console log is below:
1.8.41
vxgplayer-1.8.40.js:817 Player videoPlayer src=mms://127.0.0.1:8080 autostart=false is_opened=false
vxgplayer-1.8.40.js:153 Player: videoPlayer cmd=[stop] 0
vxgplayer-1.8.40.js:153 Player: videoPlayer cmd=[setvolume] 0.8
vxgplayer-1.8.40.js:645 self.play self.m.url=mms://127.0.0.1:8080 self.m.is_opened=false
vxgplayer-1.8.40.js:153 Player: videoPlayer cmd=[open] mms://127.0.0.1:8080
vxgplayer-1.8.40.js:153 Player: videoPlayer cmd=[play] 0
vxgplayer-1.8.40.js:153 Player: videoPlayer cmd=[setvolume] 0.8
VGXController.js:113 <=ready player videoPlayer
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: playerCommand stop:0 result=0
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: playerCommand setvolume:0.8 result=0
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: PLAYER_CONNECTING
VGXController.js:62 NEW READY STATE: 1
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: Player is openning url(mms://127.0.0.1:8080) ...
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: PLAYER_STOPPING
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: PLAYER_STOPPED
VGXController.js:62 NEW READY STATE: 0
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: PLAYER_CONNECTING
VGXController.js:62 NEW READY STATE: 1
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: playerCommand setvolume:0.8 result=0
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: Player source error=60929 WSS status=4
vxgplayer-1.8.40.js:402 Player videoPlayer handleMessage: MEDIA_ERR_NETWORK
VGXController.js:65 1
Thanks a lot!
Kind Regards,
Jonas
how does nodejs web server work to it?
In the vxgplayer.js,showGlobalErrorMessage function will not display the error message in the proper location in the player if we set the player size smaller than 640 * 480.
For example if we set the player 240*180, we will not be able to see the error message which is produced by showGlobalErrorMessage.
I have a streaming application that multicast UDP stream on a Group IP : 224.0.0.1 and port 5000 . i have tested with Unicast UDP stream with my local machine IP it works fine . But when i run in the player with the multicast IP it shows "Problem with network". I have also set the "connection_udp: 1". Thanks in advance .
Hello,
when I use vxg,
it can run under Windows environment,
but it cannot run under Linux virtual machine environment.
The error message is : Could not connect to plugin (WebSocket Error), Please try restart your browser.
So,what should i do?
Looking forward to your reply
Hello.
The player is good.
In my case, IP camera(HIKVISION) is streamed using LIVE555 .
I try to view this stream on web page with this player.
But it is not working. I saw "Problem with source".
This stream plays on vlc player well.
Would you help me?
Hi, thanks a lot for this useful plugin.
I have set the latency to 200ms as I need to stream near real time. The player initially follows 200ms however the latency keeps on increasing with time and goes beyond a minute, making it not fit for purpose. Can you please suggest what can be done to strictly keep the latency in control.
Environment: Windows 10
I have tested the same stream running for hours in VLC application (native) with 200 ms and it works fine as expected.
I can see lot of Errors in chrome console: player ERROR: 7 decoder:0
Warm Regards,
Imran
Hi,
Would it be possible to:
Grab a video frame? Play it frame by frame?
Get video current time? ie. how many seconds are we in?
Increase/Decrease playback speed?
Thanks
Hi, I am using this great player but I am unable to do one thing is if i want to play a video on a particular time. how to do that.?
"window.location.href = "http://www.videoexpertsgroup.com/player_start/";"
this code in line 60.
when i write off this code. i cannot connet to vxg media player server.
the error is cannot connet to "127.0.0.1:8778".
Run demo
operating system: mac
Prompt message
vxgplayer isFrame: false
vxgplayer-1.8.23.min.js:1 vxgplayer browserSupportsPluginPnacl: true
Access to resource at 'file:///Users/xiaohuhh/Downloads/vxgplayer-1.8.23/pnacl/Release/media_player.nmf' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
===player.src=rtsp://admin:[email protected]:554/Streaming/Channels/101?transportmode=unicast&profile=Profile_1
===player.volume()=0.7
===player.autohide()=2
===player.isMute()=false
===player.isPlaying()=false
===player.autoreconnect()=0
NativeClient: access to manifest url was denied.
Not installed vxg_media_player
I have installed the plugin, but the prompt is not installed.
We've been testing the plugin and for some reason, the Native Client Module is not starting (lunch) and therefor the plugin is not working giving a Web Socket error.
Sometimes we open the browser and it is executed, and others we have to uninstall the plugin to make it work.
I'm attacking images of Chrome Task Manager with the Native Client Module up and working (Image 1) and image 2 with the Native Client Module not lunched with the error message.
Hope you can help us to figure out this mystery
Regards from Argentina
how to get the stream original size?
thks!
Hi guys,
Very interesting bug came on my colleague's Tom chrome browser.
The interesting thing is that on my chrome browser RTSP stream is playing just fine and on my other colleague's machine it is also playing just fine.
We all have chrome with the same version: Version 62.0.3202.94 (Official Build) (64-bit)
VXG Media Player extension is installed on all browsers with the same version: 1.8.41
Tom was playing that Big Bunny test stream on VLC Media player without problems
but not VXG player on the page.
He was getting continuous error in the console:
Player videoPlayer handleMessage: Player source error=-2 WSS status=0
Player videoPlayer handleMessage: VXG Media Player Proxy is not started!
Player videoPlayer handleMessage: waiting for VXG Media Player Proxy is starting
WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net: :ERR_CONNECTION_REFUSED
And this is looped forever. It looks like JS is waiting for proxy which is not loaded for some reason on that browser.
I guess that something is wrong with pexe file or chrome permissions but not sure which of the controlling a load of pexe file into the browser.
Maybe someone already jumped on this stone and have a solution?
I would be more thank helpful for any ideas as I ran out of my own.
Cheers
Kind Regards,
Jonas
I can play normally at http, but I can't play it if I switch to https.
OSX 10.11.6
Chrome 58.0.3029.96 (64-bit)
If an RTSP stream is not available the ws proxy breaks and the extension must be disbaled and enabled in order to get it working again. since the problem affects the proxy, the issue is not isolated to the tab that has the offending stream but to all tabs.
debug info from console:
Player vxg_media_player1 handleMessage: Player Module is ready. Player vxg_media_player1 handleMessage: PLAYER_INITED Player vxg_media_player1 - moduleDidLoad Player vxg_media_player1 - loadSettings Player: vxg_media_player1 cmd=[setversion] 1.8.31 Player: vxg_media_player1 cmd=[setautoreconnect] 1 Player: vxg_media_player1 cmd=[setconnection_timeout] 0 Player: vxg_media_player1 cmd=[setaspectratio] 1 Player: vxg_media_player1 cmd=[setavsync] 1 Player: vxg_media_player1 cmd=[setlatency] 3000000 Player: vxg_media_player1 cmd=[startwebsclient] 8778 Player vxg_media_player1 handleMessage: playerCommand setversion:1.8.31 result=0 Player vxg_media_player1 handleMessage: playerCommand setautoreconnect:1 is_auto_reconnect=1 Player vxg_media_player1 handleMessage: playerCommand setautoreconnect:1 result=0 Player vxg_media_player1 handleMessage: playerCommand setconnection_timeout:0 setconnection_timeout=0 Player vxg_media_player1 handleMessage: playerCommand setconnection_timeout:0 result=0 Player vxg_media_player1 handleMessage: playerCommand setaspectratio:1 aspectratio_mode=1 Player vxg_media_player1 handleMessage: playerCommand setaspectratio:1 result=0 Player vxg_media_player1 handleMessage: playerCommand setavsync:1 is_avsync=1 Player vxg_media_player1 handleMessage: playerCommand setavsync:1 result=0 Player vxg_media_player1 handleMessage: playerCommand setlatency:3000000 result=0 Player vxg_media_player1 handleMessage: playerCommand startwebsclient:8778 result=0 Player vxg_media_player1 handleMessage: VERSION_APP 1.8.34 =VERSION_APP 1.8.34 Player vxg_media_player1 - playerDidLoad Player vxg_media_player1 src=rtsp://192.168.0.50/media=0/channel=2&level=1 autostart=true is_opened=false Player: vxg_media_player1 cmd=[open] rtsp://192.168.0.50/media=0/channel=2&level=1 Player vxg_media_player1 handleMessage: PLAYER_CONNECTING Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: PLAYER_CONNECTING 2Player vxg_media_player1 handleMessage: Player source error=-32 WSS status=4 Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_CONNECTING index2.html:1 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED Player vxg_media_player1 handleMessage: Player source error=-2 WSS status=0 Player vxg_media_player1 handleMessage: VXG Media Player Proxy is not started! Player vxg_media_player1 handleMessage: wait for VXG Media Player Proxy is starting Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_CONNECTING index2.html:1 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED Player vxg_media_player1 handleMessage: Player source error=-2 WSS status=0 Player vxg_media_player1 handleMessage: VXG Media Player Proxy is not started! Player vxg_media_player1 handleMessage: wait for VXG Media Player Proxy is starting Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_CONNECTING index2.html:1 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED Player vxg_media_player1 handleMessage: Player source error=-2 WSS status=0 Player vxg_media_player1 handleMessage: VXG Media Player Proxy is not started! Player vxg_media_player1 handleMessage: wait for VXG Media Player Proxy is starting Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_CONNECTING index2.html:1 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED Player vxg_media_player1 handleMessage: Player source error=-2 WSS status=0 Player vxg_media_player1 handleMessage: VXG Media Player Proxy is not started! Player vxg_media_player1 handleMessage: wait for VXG Media Player Proxy is starting Player vxg_media_player1 handleMessage: PLAYER_STOPPING Player vxg_media_player1 handleMessage: PLAYER_STOPPED Player vxg_media_player1 handleMessage: Player is openning url(rtsp://192.168.0.50/media=0/channel=2&level=1) ... Player vxg_media_player1 handleMessage: PLAYER_CONNECTING index2.html:1 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED Player vxg_media_player1 handleMessage: Player source error=-2 WSS status=0 Player vxg_media_player1 handleMessage: VXG Media Player Proxy is not started! Player vxg_media_player1 handleMessage: wait for VXG Media Player Proxy is starting VM117:35 WebSocket connection to 'ws://127.0.0.1:8778/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED WrappedWebSocket @ VM117:35 (anonymous) @ vxgplayer-1.8.31.min.js:1
I have clone the zip file of the project.
after unziped,I excute the command 'npm install' and 'npm run build' in the root path successed.
and then, what can I do for the project to start up?
thanks!
Hello,
thanks for this software :) is there any way to get a NaCL version of it? I'm trying to use https://github.com/MichMich/MagicMirror which uses https://github.com/electron/electron which doesn't support PNaCL per electron/electron#3300 ...
I'm trying to get the background picture to be a live stream from an IP camera using RTSP ...
Cheers,
count
Hi!
I'm trying to play video from web page. The same rtsp source is playable in VLC and ffplay (using udp), but in vxgplayer I get the following:
Player source error=60931 WSS status=4
MEDIA_ERR_CARRIER
There are streams that I can see with plugin from the same page, so it (plugin) is definitely working.
I have one guess: do you require RTCP reports?
Here is the full debug log:
Player vxg_player - init new player
vxgplayer.min.js:1 Player vxg_player handleMessage: Player Module is ready.
vxgplayer.min.js:1 Player vxg_player handleMessage: PLAYER_INITED
vxgplayer.min.js:1 Player vxg_player - moduleDidLoad
vxgplayer.min.js:1 Player vxg_player - loadSettings
vxgplayer.min.js:1 Player: vxg_player cmd=[setversion] 1.8.40
vxgplayer.min.js:1 Player: vxg_player cmd=[setconnection_timeout] 3000
vxgplayer.min.js:1 Player: vxg_player cmd=[setconnection_udp] 1
vxgplayer.min.js:1 Player: vxg_player cmd=[setaspectratio] 1
vxgplayer.min.js:1 Player: vxg_player cmd=[setavsync] 0
vxgplayer.min.js:1 Player: vxg_player cmd=[setlatency] 1000
vxgplayer.min.js:1 Player: vxg_player cmd=[startwebsclient] 8778
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setversion:1.8.40 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setconnection_timeout:3000 setconnection_timeout=3000
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setconnection_timeout:3000 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setconnection_udp:1 setconnection_udp=1
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setconnection_udp:1 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setaspectratio:1 aspectratio_mode=1
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setaspectratio:1 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setavsync:0 is_avsync=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setavsync:0 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setlatency:1000 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand startwebsclient:8778 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: VERSION_APP 1.8.40
vxgplayer.min.js:1 =VERSION_APP 1.8.40
vxgplayer.min.js:1 Player vxg_player - playerDidLoad
vxgplayer.min.js:1 Player vxg_player src=rtsp://192.168.1.100:55544/video autostart=false is_opened=false
vxgplayer.min.js:1 Player: vxg_player cmd=[stop] 0
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand stop:0 result=0
vxgplayer.min.js:1 self.play self.m.url=rtsp://192.168.1.100:55544/video self.m.is_opened=false
vxgplayer.min.js:1 Player: vxg_player cmd=[open] rtsp://192.168.1.100:55544/video
vxgplayer.min.js:1 Player: vxg_player cmd=[play] 0
vxgplayer.min.js:1 Player: vxg_player cmd=[setvolume] 0.7
vxgplayer.min.js:1 Player vxg_player handleMessage: PLAYER_CONNECTING
vxgplayer.min.js:1 Player vxg_player handleMessage: Player is openning url(rtsp://192.168.1.100:55544/video) ...
vxgplayer.min.js:1 Player vxg_player handleMessage: PLAYER_STOPPING
vxgplayer.min.js:1 Player vxg_player handleMessage: PLAYER_STOPPED
vxgplayer.min.js:1 Player vxg_player handleMessage: PLAYER_CONNECTING
vxgplayer.min.js:1 Player vxg_player handleMessage: playerCommand setvolume:0.7 result=0
vxgplayer.min.js:1 Player vxg_player handleMessage: Player source error=60931 WSS status=4
vxgplayer.min.js:1 Player vxg_player handleMessage: MEDIA_ERR_CARRIER
I used to play original ip camera rtsp stream and it worked!,
but if I used VLC to generate rtsp relay,
the vlc player can play my relay rtsp stream but VXG sent error message:
Player source error=60930 WSS status=4.
Is VXG chrome plugin didn't recongize vlc generated rtsp stream?
Thanks for help
When i create a vxgplayer, the browser keeps logging 'self.module.postMessage is not a function'.
vxg version: 1.8.2
Chrome version: 77.0.3865.90 (Official Build) (32-bit)
Any interest in creating TypeScript definitions for this? I have a small subset stubbed out in my project I could contribute to the effort.
Hi,
i run my page with https protocol, but console tells me
i visited code found it may be caused by chrome extension.
self.m.port = chrome.runtime.connect("hncknjnnbahamgpjoafdebabmoamcnni"); // chrome.runtime is undefined
i searched a lot but no solution.
is that about chrome extensions or something?
Thanks,
Marin
I have RTMP working.
How do I play UDP url's like udp://@10.0.0.1:10000 ? Should it work the same way?
I want to use the plugin in a react component to play rtsp video. So i export the vxgplayer function from vxgplayer.js and import it in react component, and then run it in the lifecycle componentDidMount, like this
componentDidMount() {
setTimeout(() => {
const els = document.getElementsByClassName('vxgplayer');
vxgplayer(els[0].getAttribute('id'), this.defaultOpt);
}, 1000);
}
but it result in Error catch by handleError, and i dont konw why.
I think they might cause the problem but not sure
[vxgplayer][1] demo works fine in HTTP, but in HTTPS it keeps loading , I am using
vxgplayer-1.8.21.js
in chrome, files in pnacl folder is successfully loadded.
The debug message output:
vxgplayer isFrame: false
vxgplayer browserSupportsPluginPnacl: true
Player vxg_media_player1 - init new player
Player vxg_media_player1 handleMessage: Player Module is ready.
Player vxg_media_player1 handleMessage: PLAYER_INITED
Player vxg_media_player1 - moduleDidLoad
Player vxg_media_player1 - loadSettings
Player: vxg_media_player1 cmd=[setversion] 1.8.21
Player: vxg_media_player1 cmd=[setconnection_timeout] 0
Player: vxg_media_player1 cmd=[setaspectratio] 1
Player: vxg_media_player1 cmd=[setavsync] 1
Player: vxg_media_player1 cmd=[setlatency] 3000000
Player vxg_media_player1 connectToApp
Player vxg_media_player1 connected port=[object Object]
connected port.name=1482113443000
disconnected port.name=1482113443000
Why disconnected immedately after connected?
[1]: https://www.videoexpertsgroup.com/chrome-media-player-plug-in/
http://stackoverflow.com/questions/41214925/why-vxgplayer-keeps-loading-in-https
Video recording process in not mentioned.its not support for recording.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.