Lifting Media Fragment URIs to the next levelLiME Workshop, ESWC 2016, Crete

Thomas Kurz and Harald Kosch

01.05.2023 Thomas Kurz 2

01.05.2023 Thomas Kurz 3

This is Buck

This is Rinky

This is G

amera

This is Frank

01.05.2023 Thomas Kurz 4

„ … a media-format independent, standard means of

addressing media fragments on the Web using Uniform

Resource Identifiers. “[W3C Recommendation: Media Fragments URI 1.0 (basic)]

http://www.w3.org/TR/media-frags/

temporal t=10,20spacialxywh=0,0,20,20track track=audio

idid=chapter2

01.05.2023 Thomas Kurz 5

:image#xywh=10,10,80,85 :subject :Buck .:image#xywh=15,30,10,10 :subject :Gamera .:image#xywh=50,0,15,2 :subject :Frank .:image#xywh=70,20,20,20 :subject :Rinky .

01.05.2023 Thomas Kurz 6

:image#path? :subject :Buck .:image#ellipse+transformation? :subject :Gamera .:image#xywh=circle? :subject :Frank .:image#xywh=roundeRectangle? :subject :Rinky .

01.05.2023 Thomas Kurz 7

Proposal 1: Shapes and Transformations

Shapesrect=x,y,w,h(,rx,ry)?circle=cx,cy,rellipse=cx,cy,rx,rypolygon=x1,y1(,x2,y2)*

Transformationstranslate=tx(,ty)?scale=sx(,sy)?rotate=a,(,cx,cy)?skew=ax(,ay)?

http://example.org/image.png#rect=100,100,50,50&rotate=45

inspired by SVG Basic Shape specification

01.05.2023 Thomas Kurz 8

:video#t=0.01,0.02&ellipse=20,20,110,110:video#t=0.02,0.03&ellipse=21,20,110,110:video#t=0.03,0.04&ellipse=21,21,109,109:video#t=0.04,0.05&ellipse=22,21,108,108

. . . :video#t=1.99,2.00&ellipse=40,50,50,50

01.05.2023 Thomas Kurz 9

Related Work

Thomas Steiner. Dynamic Media Fragments. http://github.com/tomayac/dynamic-media-fragments Extends xywh to temporal dynamics by stringing together quadruples Aligned with CSS transitions Recommendation for micro syntax representing the time

Olivier Aubert. Mediafragment Prototype. https://github.com/oaubert/mediafragment-prototype introduces fragment parameter shape for spatial dimension utilizes SVG paths uses trajectory parameter for temporal dynamic

01.05.2023 Thomas Kurz 10

Proposal 2: Animated Transformations

aTranslate=d1,tx1(,ty1)(;d2,tx2(,ty2))*

aScale=d1,sx1(,sy1)?(;d2,sx2(,sy2)?)*

aRotate=d1,a1,(,cx1,cy1)?(;d2,a2,(,cx2,cy2)?)*

aSkew=d,ax1(,ay1)(;d,ax2(,ay2))*

BigBuckBunny.jpg#rect=140,30,65,55&aTranslate=500,-90,90

01.05.2023 Thomas Kurz 11

Demo Pagehttps://github.com/tkurz/media-fragment-uris-ideas

01.05.2023 Thomas Kurz 12

Proposal 3: CSS Pseudo Selectors

img { background−color : white ;

}

img::fragment {border: 1 px solid red;

}

img::fragment−outer {opacity : 0.5;

}

01.05.2023 Thomas Kurz 13

Do you have similar experiences with Linked Media Fragments URI ?

What in your opinion is missing / needed in the W3C recommendation ?

What are the next steps that we should take ?

© Salzburg Research Forschungsgesellschaft 2012. No reproduction without written permission. Certified in accordance with ISO 9001:2008

Thanks for your attention!

Thomas KurzPositionSalzburg Research Forschungsgesellschaft mbHJakob Haringer Straße 5/3 | 5020 Salzburg, AustriaT +43.662.2288-0 | F -222thomas.kurz@salzburgresearch.at