Controlling multiple video at the same time

Ilay Eliashar

August 05, 2020 13:15

Hi,

 

I have an Angular application and I want to create a new feature that shows a few videos side by side. All of them should be controlled from the same bar. I assume I should implement the bar myself, but I can't find the proper way to control all of the video while scrubbing. 

 

Cheers

0

• 

  Mo Ip

  August 05, 2020 20:26

  Hi Ilay,

  Thanks for reaching out.

  We do not have the feature you mentioned at the moment.  We do, however, have something in the planning to create video slide shows.  We will let you know if you are interested once we have some insights on the progress of it.

  Best regards,

  Mo

  0
• 

  Ilay Eliashar

  August 06, 2020 06:53

  Hi Mo,

   

  Thanks for the response. So, is there any way to implement this, considering the fact that all of our videos are stored with Cloudinary?

  I mean, is there an API just to set the shown frame (by time) somehow?

   

  Eli

  0
• 

  Eyal Katz Talmon

  August 06, 2020 14:51

  Hey Eli, 

  I think I may have found a solution to the described use case.

  With video transformation, you can create a "collage" of the relevant videos, essentially combining them to a single video, and control them all with player bar. For instance, here is a simple example -

  https://res.cloudinary.com/demo/video/upload/w_150/w_w_mul_2,h_h,c_pad,g_west/w_w,h_h_mul_2,c_pad,g_north/l_video:dog,w_150/fl_layer_apply,x_150,g_north_west/l_video:dog,w_150/fl_layer_apply,x_150,y_84,g_north_west/l_video:dog,w_150/fl_layer_apply,y_84,g_north_west/e_volume:mute/dog.mp4

  Please let me know if you want me to elaborate on that approach.

  An additional approach would be playing each video in a different element/player and listening to the "seek" and "seeking" events. Onc fired, use the "currentTime" attribute in order to set all videos to the provided time.

  Additional information can be found here -
  https://www.w3schools.com/tags/av_prop_currenttime.asp
  https://www.w3schools.com/tags/av_event_seeked.asp
  https://www.w3schools.com/tags/av_event_seeking.asp

  0
• 

  Manan Chopra

  October 13, 2022 10:10

  Hi,

  Is there any way to play two different videos side by side at the same time in cloudinary?

  0
• 

  Wissam Khalili

  October 13, 2022 14:50

  Hi there,

  Yes, you can overlay one video alongside (or over) the other.
  See here an example for 2 different videos:

  https://res.cloudinary.com/demo/video/upload/w_2.0,h_1.0,c_lpad,g_west/l_video:elephants,w_0.5,g_east/dog.mp4

  Regards,

  Wissam

  0

Post is closed for comments.