Scene Synchronization within Thumbnails Bar

[fruitygreen]

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

[rroux]

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:

Code: [Select all] [Expand/Collapse]

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. }

GeSHi © Codebox Plus Extension

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) :

Code: [Select all] [Expand/Collapse]

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. }

GeSHi © Codebox Plus Extension

All scene are synched !
Hope this helps, have a nice day

[fruitygreen]

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.

[rroux]

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!

[fruitygreen]

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

[rroux]

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

[fruitygreen]

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