[uf-discuss] Re: Show Microformat Brainstorming

[Charles Iliya Krempeaux]

Hello,

On 12/6/05, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> Hello,
>
> Sorry, just a correction.
>
> On 12/6/05, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> > Hello,
> >
> > On 12/6/05, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> > > Hello,
> > >
> > > On 12/6/05, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> > >
> > > [...]
> > >
> > > > So, the orthogonal concepts here seem like:
> > > >   * there's the concept of a "preview" image.  (maybe thumbnail would
> > > > be a better name.)
> > > >   * there's the concept of a "show"
> > > >   * there's the concept of a "teaser"
> > > >   * If it is a teaser there is a "Pay to View" link
> > > >   * show can divided up into multiple contiguous files
> > > >   * teaser can be made up of multiple files
> > > >   * alternatives of the same media
> > > >   * you can combine all these
> > >
> > > (Some more things to add.)
> > >
> > >   * there's the concept of a "clip"
> > >   * there's the concept of the "media file".  (What the <a> tag's
> > > "href" points to)
> >
> > This is probably the foundation of it all -- the "media file".  So, to
> > mark something as being media, you could do something like:
> >
> >     <a class="media" href="clip.mpeg">watch this</a>
> >
> > However, if you want to attach metadata to the media file (beyond what
> > the <a> tag lets you do) then you might do something like the
> > following:
> >
> >     <span class="media">
> >         <img class="preview" src="preview.png" />
> >         <a class="reference" href="clip.mpeg">MPEG</a>
> >         <div class="description">description goes here</div>
> >         <a href="text">text version goes here... useful to the deaf
> > and for searching and indexing</a>
> >     </span>
>
> That part that says:
>
>     <a href="text">text version goes here... useful to the deaf and
> for searching and indexing</a>
>
> ...is wrong.  It should be:
>
>     <a class="text" href="">the "text version" is pointed to by the
> href... useful to the deaf and for searching and indexing.  It could
> be plain text.  Or another format.  Like a format that would sync up
> text with frame sequences in the media file.</a>
>
>
> [...]

After "media", and all the metadata that may or may not be included
with it, the next level up would be "clip".

Expanding our previous example, we'd replace:

    <a class="media reference" href="clip.mpeg">watch this</a>

with:

    <span class="clip">
        <a class="media reference" href="clip.mpeg">watch this</a>
    </span>

or more compactly:

    <a class="clip media reference" href="clip.mpeg">watch this</a>

So, going through those common use cases again, we get...

#1:

    <a class="clip media reference" href="clip.mpeg"><img class="preview"
src="preview.png" /></a>

(Here it's almost exactly the same as before, except we added the "clip" class.)

#2:

        <a class="clip media reference" href="teaser.mpeg"><img class="preview"
src="preview.png" /></a>

        <a href="http://example.com/go">Pay to View</a>


(Here we still have NOT bound the "Pay to View" link to the rest of
the stuff... but we need to eventually.  And it's almost exactly the
same as before, except we added the "clip" class.)

#3:


    <a class="clip media reference" href="clip-1.mpg"><img class="preview"
src="preview-1.png" /></a>

    <a class="clip media reference" href="clip-2.mpg"><img class="preview"
src="preview-2.png" /></a>

    <a class="clip media reference" href="clip-3.mpg"><img class="preview"
src="preview-3.png" /></a>


(We still nee to bind all these clips together and show the ordering
between them.  And show that together they make a show.  And it's
almost exactly the same as before, except we added the "clip" class.)

#4:

    <a class="clip media reference" href="clip-blue.mpg"><img
class="preview" src="preview-blue.png" /></a>

    <a class="clip media reference" href="clip-red.mpg"><img
class="preview" src="preview-red.png" /></a>

    <a class="clip media reference" href="clip-green.mpg"><img
class="preview" src="preview-green.png" /></a>


    <a href="http://example.com/go">Pay to View</a>

(Here we still have NOT bound the "Pay to View" link to the rest of
the stuff... but we need to eventually.  Also we have bound the clips
together.  And it's almost exactly the same as before, except we added
the "clip" class.)

#5:

    <span class="clip">
        <img class="preview" src="preview.png" />
        <a class="media reference" href="clip.mpg">MPEG</a>
        <a class="media reference" href="clip.ogm">Ogg</a>
        <a class="media reference" href="clip.avi">AVI</a>
    </span>

Here's the place where having a "clip" really starts to become useful.
 Note that I've added the class="preview" to the <img>.  It now makes
sense to add it since that <img> is a preview for the clip, and not
one specific media reference.  (You could add more metadata in there
too.)

(One may also be able to see clips containing other clips, in some
way.  But more microformats are needed before that can be done.)


Comments?

See ya

--
    Charles Iliya Krempeaux, B.Sc.

    charles @ reptile.ca
    supercanadian @ gmail.com

    developer weblog: http://ChangeLog.ca/
___________________________________________________________________________
 Never forget where you came from