Sync a label with angular.js video player's progress time - angularjs

I have a web page that consist a video and a label that shows a series of data about certain parts of the video. for example while the video is played, in 10'th and 18'th second of the video , the label must be updated automatically. i can not use a separate timer because some parameters such as slow internet connection can make synchronization. Is there any way/ any component that can solve this issue?

Related

Video streaming including application overlay components

I want to make a react-native app having the capability of video streaming from a mobile app to a connected browser user. On top of that, I want to overlay some application components so connected users can see video streaming as well as some of the application UI.
For an example take a reference of the below-given image. Here, video streaming is running in the car showroom and there are a few app components shown as an overlay of the video like an app menu and a car image.
I want to achive same functionality and using VideoSDK platform for video streaming service.
So far I have created react-native app and able to stream video through camera to the connected browser user.
Next, I want to add my app menu on top of the video as per the image and therefore i am thinking screenshare with combination of video sharing is way to go.
The above image is the actual implementation using video SDK in the browser but as you can see screen share window is opening in a totally different context which is not the expected implementation.
Can someone suggest how can I achieve the functionality of video streaming having the capability of app overlay components?
I have reviewed your requirement and I am glad to inform you that we do have application with same requirements, for further discussion and demos can we connect over mail i.e. karan10010#gmail.com

How to render the playback rate for a YouTube video player

I am working on a personal YouTube video player project and am looking at cookpete's react-player. Here is the link to the file I am referencing: https://github.com/cookpete/react-player/blob/master/src/demo/App.js.
Here's the actual player as well: https://cookpete.com/react-player/.
I'm trying to figure out how to render the playback rate on the page. cookpete's includes three buttons (1x, 1.5x, 2x) that changes the playback rate displayed, but if you use a YouTube link as the URL and change the speed with the built-in YouTube bar, the speed rendered doesn't change.
Would it be possible to render the current playback rate on the page that updates with the built-in bar? I believe there a function in the YouTube iFrame API (player.getPlaybackRate()), but since I am not using iFrame, how would I integrate this (maybe event.target.getPlaybackRate())? I've also seen some things about React refs but not sure how I'd use here.
Thank you for your time. I am new to React/API calls, so any help is greatly appreciated.

Managing videogular API when two videos are on the page

I have a site where I need to show two different videos on it and I need to be able to do some actions with the videogular API.
The thing is that when I share the $API from the view to the controller using vgPlayerReady($API) the method I call to one video is applied in both! For example I want to mute one video but when I call setVolume() with the API returned, both videos get muted.
Is this a known issue?
Is there other way to mute just one video?
The workaround I found to fix this was to setVolume(0) when the video that I want to be muted is ready to be played, and setVolume(1) when the video I want with volume is ready to be played.
The volume property didn't work for me.

how to store returned video capture devices

I am making silverlight application in which i have to show multiple webcams videos.
For example:
if i click button:1 then it show me fist webcam video and if i click
button: 2 then it show me second wecam video.
As 'CaptureDeviceConfiguration.GetAvailableVideoCaptureDevices()' returns us all available video devices but problem is this that how i store each returned webcam device in variable so that I can perform the above mentioned task?

Loading progress bar for all the download tasks

I know that theres a NetworkManager class in Codename One that does the HTTP requests.
Im not quite sure as to where to have all of those download requests queued in a thread and have a loading progress percentage to track the overall downloaded percentage?
Is there a way to do that? I would like to download some images on different URL paths and need to prompt a progress bar to my user to have a different progress bars for each images.
Thanks
NetworkManager.getInstance().addProgressListener() will send an action event that you can downcast to a NetworkEvent. From that event you can extract the exact status/progress of the current connection.
You can use the SliderBridge to bind a Slider as a network activity progress indicator. You can also study its code to write something similar on your own.

Resources