Managing videogular API when two videos are on the page - angularjs

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.

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.

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

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?

I am looking to scrape the name and URLs of all videos in a Vimeo channel. Is this possible?

I am building a website where video sermons are located on a Vimeo channel ... hundreds of them. I would like to scrape the videos in this channel an get from the the title of the video and the URL.
Any ideas?
Thank you very much!
You should use the Vimeo API instead of scraping for content. Scraping may result in getting banned from Vimeo, especially if you want metadata on hundreds of videos.
More information about the Vimeo API can be found on the developer site below, but as another user mentioned you should provide more information about what your intent is, what you've tried, and the programming languages you're comfortable using.
https://developer.vimeo.com/api/start

AngularJS - Youtube player directive with complete external controls

In my Angular app, I want to use a youtube player to play videos, and then add custom external buttons to control playback. I need a directive that can control all aspects of the video, including seek and progress. The most complete directive I have found is youtube-player-embed, but I don't see any options for seek and progress. Is this possible to do?
According to the Youtube API, it is indeed possible to seek and get the player progress. Since the directive youtube-player-embed is just a wrapper over the youtube video player object, then you should be able to use the exact same functions calls to control it.
In the page for advanced examples for youtube-player-embed you can see how they built a player with custom controls, in this case only Play and Pause, but it should be trivial to follow that example and add a Seek button as well.
Good luck!

Resources