Controlling multiple video at the same time

Follow

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

  Comment actions Permalink
• 

  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

  Comment actions Permalink
• 

  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

  Comment actions Permalink
• 

  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

  Comment actions Permalink
• 

  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

  Comment actions Permalink

Please sign in to leave a comment.