Scene Synchronization within Thumbnails Bar

fruitygreen
Posts: 9
Joined: Sun Feb 19, 2017 7:51 am

Scene Synchronization within Thumbnails Bar

Postby fruitygreen » Sat May 27, 2017 10:02 am

Thanks for developing ForgeJS.
I appreciate it, as it has features that i find useful.

How do I place thumbnails of video scenes that I want synchronized into the Thumbnail Bar?

Could you provide full code to show how it is done with multiple videos?

Thanks

User avatar
rroux
ForgeJS Team
Posts: 145
Joined: Wed Oct 26, 2016 12:19 pm

Re: Scene Synchronization within Thumbnails Bar

Postby rroux » Wed May 31, 2017 9:49 am

Hi fruitygreen,

I guess you are talking about our ThumbnailBar plugin?
You need to create the images for each scene then declare the thumbnails in the json configuration of each scenes.
So you have a video and a thumbnail image for each scenes.

The following json is an example of a video scene configuration with thumbnail:

  1. {
  2.     "uid": "scene-1",
  3.     "name": "First scene",
  4.     "slug": "first-scene",
  5.     "description": "This is the first scene",
  6.  
  7.     "thumbnails":
  8.     [
  9.         {
  10.             "uid": "thumbnail-1",
  11.             "url": "./thumbnails/forest.jpg"
  12.         }
  13.     ],
  14.  
  15.     "media":
  16.     {
  17.         "uid": "media-1",
  18.         "type": "video",
  19.  
  20.         "source":
  21.         {
  22.             "format": "equi",
  23.             "url": "./videos/forest.mp4"
  24.         }
  25.     }
  26. }


About the synchronization, are you talking about keeping the current time of the current video scene when you change from a scene to another and apply this time to the destination video scene ? If yes, you should take a look at this sample: scene-synchronization

If you take a look to its configuration, you will see the sync parameters. It is an array with all the uids of other scenes to be sync with.

example for a three scenes project with scene-1 to be sync with scene-2 and scene-3 (short code without thumbnails) :

  1. {
  2.     "uid": "scene-1",
  3.     "name": "First scene",
  4.     "sync": ["scene-2", "scene-3"],
  5.     "media": { ... }
  6. },
  7. {
  8.     "uid": "scene-2",
  9.     "name": "Second scene",
  10.     "sync": ["scene-1", "scene-3"],
  11.     "media": { ... }
  12. },
  13. {
  14.     "uid": "scene-3",
  15.     "name": "Third scene",
  16.     "sync": ["scene-1", "scene-2"],
  17.     "media": { ... }
  18. }


All scene are synched !
Hope this helps, have a nice day :)
- Raphaël

fruitygreen
Posts: 9
Joined: Sun Feb 19, 2017 7:51 am

Video as thumbnail in the Thumbnail Bar

Postby fruitygreen » Thu Jun 01, 2017 1:27 am

Thanks for the reply.

Question: Can a video used as a thumbnail? Can it also be simultaneously be a video thumbnail synchronized as a scene?

It would be more like having multiple video thumbnails synchronised and used as mini previews, so when I click one of them a bigger video will play while still be in sync with the current timeline.

User avatar
rroux
ForgeJS Team
Posts: 145
Joined: Wed Oct 26, 2016 12:19 pm

Re: Scene Synchronization within Thumbnails Bar

Postby rroux » Fri Jun 02, 2017 8:10 am

Hello,

it is possible of course but it has a to be coded and it has a big bandwidth cost. I mean you need to be able te download all the videos at the same time. If you are building a local project bandwidth is not an issue.
In all cases this code does not exist and we do not plan to develop this kind of feature and synchronizing multiple videos at the same time is not an easy task!

We have already done this as a prototype for the Vrrooom project but it is working well only on a local setup.

Have a nice day!
- Raphaël

fruitygreen
Posts: 9
Joined: Sun Feb 19, 2017 7:51 am

Video Thumbnails

Postby fruitygreen » Fri Jun 02, 2017 8:40 am

Thank you, it is something I would like.

I really would like the ability to have the features of video thumbnails, even if I would have it played locally.
I realized that ForgeJS was intended for for web use, but could you share a coded version that would allow me to use video in thumbnails .

This could be used as an app in which it could be distributed in its own local server.

Thanks again

User avatar
rroux
ForgeJS Team
Posts: 145
Joined: Wed Oct 26, 2016 12:19 pm

Re: Scene Synchronization within Thumbnails Bar

Postby rroux » Fri Jun 02, 2017 9:24 am

We never code a Thumbnailbar plugin working with videos so I have nothing to share on that.
We used to play with multiple synchronized video but we do not kept this code as the result is unstable.
The plugin Thumbnailbar is open source so feel free to add your contribution or submit another version of a video Thumbnailbar plugin.
As far as I remember the concept is to have a master video (the current scene media) and the others thumbnail video should sync on the master current time... Something like that :)

Most of the stuff you can read about multiple html video sync stream are not very conclusive unfortunately...

Example: https://stackoverflow.com/questions/206 ... video-tags
- Raphaël

fruitygreen
Posts: 9
Joined: Sun Feb 19, 2017 7:51 am

Re: Scene Synchronization within Thumbnails Bar

Postby fruitygreen » Fri Jun 02, 2017 6:14 pm

Okay. I guess in time maybe we might see the video thumbnails. Perhaps when the nominal bandwidth throughput has increased significantly, someone will continue to develop the concept of video thumbnails.

Looking forward to more progress with ForgeJS.

Thanks

Who is online

Users browsing this forum: No registered users and 2 guests