2

HTML 5 Video field

We're trying to build an clip library inside shotgun, but it would be really nice to have the option to have live video instead of just still thumbnails. Either by a standard HTML 5 video tag or by some custom HTML code which can be embeded.

20 comments

  • 0
    Avatar
    Armando Ricalde

    We solved this in 2 diferent ways (for 2 different video libraries we have)

    1- Local webserver with the media.
         An URL tab in the detail page that uses variable substitution so a PHP script dinamically builds a page with the clip embedded.
         The media has to be well organized into a folder structure with strong naming convention.

    2- Using the all-mighty local file linking feature. The video opens with your default player.

    For both cases the library is filled automatically with scripts. Though for case 1 we started manually.

    Or, are you thinking of having video swatches in the same place of the thumbnail field?, so you just click on the thumbnail and it starts to play right away on it?
    This would be awesome.

  • 0
    Avatar
    Jimmy Christensen

    It's actually both. I want to link to the actual clip media, but also have a preview video embedded as thumbnail inside Shotgun.

    Currently we have a seperate database like your first implementation with about 9 clips on the page at once playing at the same time.

    Ofcourse the tricky part is what video format to chose to upload as preview. Currently our database is using Ogg Vorbis. But perhaps webm would be the best.

  • 0
    Avatar
    Stephen Chiu

    Hey Jimmy/Armando,

    What about a hover-over scrubbable thumbnail feature? Curious how many studios out there would be interested in this type of functionality as I feel this would be a perfect use-case...  

    Cheers,

    Stephen

  • 0
    Avatar
    Jimmy Christensen

    Sure, would be quite usefull for shot thumbnails too.

    Add playlist ability and you're able to collect a whole show with an embedded player :)

    Using flash would also be an option I guess. There are several players out there which can either use HTML 5 video tag og fall back to flash player.

  • 0
    Avatar
    Armando Ricalde

    Sure, definitely a cool and usefull feature.

  • 0
    Avatar
    Ben Hadden

    Just wanted everyone to know that we'll be supporting the option to set scrubbable thumbnails via the API in the next release of Shotgun (3.2).  Hope that helps with what some of you are trying to do.

  • 0
    Avatar
    Armando Ricalde

    SG 3.2 has been released!

    Ben, please reply to this thread when the docs about this became available. I'm eager to try it.

  • 0
    Avatar
  • 0
    Avatar
    Stephen Chiu

    Enjoy! And please let us know your feedback on this new feature!

  • 0
    Avatar
    Armando Ricalde

    Sure !

  • 0
    Avatar
    Armando Ricalde

    From de Docs:

    "The image must be a horizontal strip of any number of frames that are exactly 240 pixels wide"

    One of my devs has found a limit of 136 frames. I know filmstrips are just a quick and rough preview (not every frame of the whole movie), but you should add this to the docs.
    According to this http://en.wikipedia.org/wiki/JPEG size limit of a jpeg image is 65535×65535
    But 240x136 = 32640 (almost half the horizontal limit)
    According to this http://stackoverflow.com/questions/4109447/file-format-limits-in-pixel-size-for-png-images PNG has by far a greater upper limit, but don't know I he has tried with PNG filmstrip.

    Just curious about all of this

  • 0
    Avatar
    Kent Wu

    Any update for the reply from Armando? There's one more thing that I'm curious about... how did you guys use to generate the thumbnail? Is there a limitation for the image type? Would like to get advice for heads up. Thanks.

  • 0
    Avatar
    Armando Ricalde

    We've created so far 9,495 Filmstrip Thumbnails, this feature is great.

    Our historic reel is logged into SG, as well as other video libraries, so now we can browse them in Thumbnail view and have a quick view in order to pick one.

  • 0
    Avatar
    Armando Ricalde

    Kent,
    From the docs:
    "Any image filetype that works for thumbnails will work for filmstrip thumbnails."

    And from this forum thread https://support.shotgunsoftware.com/entries/197314-image-formats-accepted-by-upload-thumbnail
    "The file is processed by ImageMagick after it's uploaded, so any type of file that ImageMagick can process would work"

  • 0
    Avatar
    Kent Wu

    How did you generate the Filmstrip? I'm wondering if the 'imagemagick' is the best choice or not?

    Thanks for the reply in advance.

  • 0
    Avatar
    Carlos Alberto Garcia Martinez

    Hey Kent

    The way we do it :

    convert  image.0001.png image.0002.png  image.003.png image.0005.png image.006.png  +append  -quality 80   filmStripName.jpg

    I hope it helps

  • 0
    Avatar
    Kent Wu

    Thanks guys.

  • 0
    Avatar
    Ben Hadden

    @Armando, I'm going to spawn a ticket for one of the guys to look into the upper limit for frames in a filmstrip.  Mathematically, looks like you're right--but there may be some other limitations here.  We'll reply to the thread with more details when we have them!

  • 0
    Avatar
    KP

    We've verified that indeed, you cannot currently upload a filmstrip_thumbnail that is more than 136 frames (32640 pixels). Though it doesn't look like it is specific to JPG images as we confirmed the issue with PNGs as well (though we don't recommend PNGs as the file sizes will get unnecessarily large and won't load quickly). One difference we also noted was that Safari seems to currently handle these better. Regardless, we now have a ticket open to see if we can address this somehow.

    We do plan on limiting the number of frames you can upload as there is a point where the size of the images would create a bad experience if you're loading a bunch of them on a page at once which we've started to see.

    @armondo: you seem to be using them a lot already, have you noticed any bad client-side performance due to loading a bunch of them on a page at once? They don't load until you hover over them though so at least they won't load unless you want to see them (or accidentally roll over them ;) )

    @kent: an easy way to generate them from a bunch of files in a directory would be to do "convert +append myframes*.jpg filmstrip.jpg" where your frames are named myframe001.jpg, myframe002.jpg, etc. Or add a regex in there to match the frame numbers you want uploaded.

  • 0
    Avatar
    Armando Ricalde

    Not at all Kevin, the performance is really nice for pages with 25 Thumbnails (all with 136 frames) , as you said, they don't load until you hover over them, and "-quality 80" to convert them gives you a good balance between quality and file size.

    It is a really nice feature every body loves here!

Please sign in to leave a comment.