Using Webcams for Product Presentations in HTML5

Mathias Borg, Martin Kraus

Eksport af forskningsdata: Konferencebidrag uden forlag/tidsskriftPosterForskningpeer review

Resumé

The Media Capture and Streams API ("getUserMedia API") enables plug-in free webcam support in HTML5. This opens new ways of interacting with visualisations using open web standards. In this work, two techniques are proposed that employ the user's webcam for interactive product presentations on websites. The first technique tracks the user's face and uses its position to create the impression of a user-controlled rotation of a product by displaying a sequence of product images for different view points. The second technique uses photographs of a product with reflections of coloured patterns to render the user's webcam stream as a reflection in the product presentation. Thus, users in front of a webcam are able to see their virtual reflection in a picture of a real product in real time. Our implementation of two prototypes shows that it is technically possible to implement these features with HTML5 and JavaScript only.
OriginalsprogEngelsk
Udgivelsesdato2013
Antal sider2
DOI'er
PublikationsstatusUdgivet - 2013
BegivenhederEurographics 2013 - Universitat de Girona, Girona, Spanien
Varighed: 6 maj 201310 maj 2013

Konference

KonferenceEurographics 2013
AfholdelsesstedUniversitat de Girona
LandSpanien
ByGirona
Periode06/05/201310/05/2013

Fingerprint

Application programming interfaces (API)
Websites
Visualization

Citer dette

Borg, M., & Kraus, M. (2013). Using Webcams for Product Presentations in HTML5. Poster præsenteret på Eurographics 2013, Girona, Spanien. https://doi.org/10.2312/conf/EG2013/posters/021-022
Borg, Mathias ; Kraus, Martin. / Using Webcams for Product Presentations in HTML5. Poster præsenteret på Eurographics 2013, Girona, Spanien.2 s.
@conference{2de970d015104a8289c3111183b56a09,
title = "Using Webcams for Product Presentations in HTML5",
abstract = "The Media Capture and Streams API ({"}getUserMedia API{"}) enables plug-in free webcam support in HTML5. This opens new ways of interacting with visualisations using open web standards. In this work, two techniques are proposed that employ the user's webcam for interactive product presentations on websites. The first technique tracks the user's face and uses its position to create the impression of a user-controlled rotation of a product by displaying a sequence of product images for different view points. The second technique uses photographs of a product with reflections of coloured patterns to render the user's webcam stream as a reflection in the product presentation. Thus, users in front of a webcam are able to see their virtual reflection in a picture of a real product in real time. Our implementation of two prototypes shows that it is technically possible to implement these features with HTML5 and JavaScript only.",
keywords = "augmented reality, virtual reality, computer graphics, product presentation, HTML5, webcam",
author = "Mathias Borg and Martin Kraus",
year = "2013",
doi = "10.2312/conf/EG2013/posters/021-022",
language = "English",
note = "Eurographics 2013, 34th Annual Conference of the European Association for Computer Graphics ; Conference date: 06-05-2013 Through 10-05-2013",

}

Borg, M & Kraus, M 2013, 'Using Webcams for Product Presentations in HTML5', Eurographics 2013, Girona, Spanien, 06/05/2013 - 10/05/2013. https://doi.org/10.2312/conf/EG2013/posters/021-022

Using Webcams for Product Presentations in HTML5. / Borg, Mathias; Kraus, Martin.

2013. Poster præsenteret på Eurographics 2013, Girona, Spanien.

Eksport af forskningsdata: Konferencebidrag uden forlag/tidsskriftPosterForskningpeer review

TY - CONF

T1 - Using Webcams for Product Presentations in HTML5

AU - Borg, Mathias

AU - Kraus, Martin

PY - 2013

Y1 - 2013

N2 - The Media Capture and Streams API ("getUserMedia API") enables plug-in free webcam support in HTML5. This opens new ways of interacting with visualisations using open web standards. In this work, two techniques are proposed that employ the user's webcam for interactive product presentations on websites. The first technique tracks the user's face and uses its position to create the impression of a user-controlled rotation of a product by displaying a sequence of product images for different view points. The second technique uses photographs of a product with reflections of coloured patterns to render the user's webcam stream as a reflection in the product presentation. Thus, users in front of a webcam are able to see their virtual reflection in a picture of a real product in real time. Our implementation of two prototypes shows that it is technically possible to implement these features with HTML5 and JavaScript only.

AB - The Media Capture and Streams API ("getUserMedia API") enables plug-in free webcam support in HTML5. This opens new ways of interacting with visualisations using open web standards. In this work, two techniques are proposed that employ the user's webcam for interactive product presentations on websites. The first technique tracks the user's face and uses its position to create the impression of a user-controlled rotation of a product by displaying a sequence of product images for different view points. The second technique uses photographs of a product with reflections of coloured patterns to render the user's webcam stream as a reflection in the product presentation. Thus, users in front of a webcam are able to see their virtual reflection in a picture of a real product in real time. Our implementation of two prototypes shows that it is technically possible to implement these features with HTML5 and JavaScript only.

KW - augmented reality

KW - virtual reality

KW - computer graphics

KW - product presentation

KW - HTML5

KW - webcam

U2 - 10.2312/conf/EG2013/posters/021-022

DO - 10.2312/conf/EG2013/posters/021-022

M3 - Poster

T2 - Eurographics 2013

Y2 - 6 May 2013 through 10 May 2013

ER -

Borg M, Kraus M. Using Webcams for Product Presentations in HTML5. 2013. Poster præsenteret på Eurographics 2013, Girona, Spanien. https://doi.org/10.2312/conf/EG2013/posters/021-022