More information about the Underscore mailing list

[_] adding notes/overlay to web video

s'unya sunya.dickman at gmail.com
Thu Nov 29 15:41:22 GMT 2018

The only issue we had with responsiveness was the UI because the layer was
all SVG, so it scaled fine. We had to (in some cases) fake the fullscreen
mode though.

On Thu, 29 Nov 2018 at 15:37, Tom Spencer <fiznool at gmail.com> wrote:

> Very nice.
>
> I’d be particularly interested how you got this working responsively? I had
> a requirement recently for layering user-editable annotations (text and
> arrows) on top of a responsive image (i.e. one that grew/shrunk to fit the
> viewport width), but couldn’t for the life of me figure out how to
> implement it.
>
> All absolute positioning techniques depend on a pixel/em value, or a %
> value - but this is % based on the width of the image, so often the
> annotation wouldn’t properly align vertically. In the end I just suggested
> to embed the annotations into the image directly.
>
> On Thu, 29 Nov 2018 at 15:17, s'unya <sunya.dickman at gmail.com> wrote:
>
> > We made a kind of video annotation tool for the BBC a while back that
> > allowed you to draw and add notes and things. The basic concept was to
> have
> > a layer above the image and then it was just a matter of adding controls
> > and event listeners to the video (as well as the tools for doing the
> > annotations). Generally it was easy enough and surprisingly cool except
> on
> > iOS, which doesn't play videos within the browser.
> >
> > On Wed, 28 Nov 2018 at 16:25, Dan Tagg <dantagg at wildmanherring.com>
> wrote:
> >
> > > I've got experience of creating vtt files for captioning -- it is an
> open
> > > standard that is pretty widely adopted. It is a text file format that
> is
> > > relatively simple
> > >
> > > On Wed, 28 Nov 2018 at 09:09, Aaron Trevena <aaron.trevena at gmail.com>
> > > wrote:
> > >
> > > > Hi _,
> > > >
> > > > Has anybody had any good experience with javascript/css frameworks,
> > > > tools or libraries for putting "stuff" onto a video, i.e. a comment,
> a
> > > > line or a tag on a video played in a web page. I last looked at this
> a
> > > > few years ago, and can't find my notes anywhere & also assume/hope
> > > > that things have moved on a bit since then.
> > > >
> > > > Cheers,
> > > >
> > > > A.
> > > >
> > > > --
> > > > Aaron J Trevena, BSc Hons
> > > > http://www.aarontrevena.co.uk
> > > > LAMP System Integration, Development and Consulting
> > > > --
> > > > underscore_ list info/archive ->
> > > > http://www.under-score.org.uk/mailman/listinfo/underscore
> > > >
> > >
> > >
> > > --
> > > Wildman and Herring Limited, Registered Office: 28 Brock Street, Bath,
> > > United Kingdom, BA1 2LN, Company no: 05766374
> > > --
> > > underscore_ list info/archive ->
> > > http://www.under-score.org.uk/mailman/listinfo/underscore
> > >
> >
> >
> > --
> >                       o
> >             o                 o
> >                 O   O   O
> >       o  o   O s´unya O   o  o
> > --
> > underscore_ list info/archive ->
> > http://www.under-score.org.uk/mailman/listinfo/underscore
> --
> underscore_ list info/archive ->
> http://www.under-score.org.uk/mailman/listinfo/underscore



-- 
                      o
            o                 o
                O   O   O
      o  o   O s´unya O   o  o