IEC 62481-6-1:2017

IEC 62481-6-1 ®
Edition 1.0 2017-07
INTERNATIONAL
STANDARD
colour
inside
Digital living network alliance (DLNA) home networked device interoperability
guidelines –
Part 6-1: Remote User Interface – HTML5
All rights reserved. Unless otherwise specified, no part of this publication may be reproduced or utilized in any form
or by any means, electronic or mechanical, including photocopying and microfilm, without permission in writing from
either IEC or IEC's member National Committee in the country of the requester. If you have any questions about IEC
copyright or have an enquiry about obtaining additional rights to this publication, please contact the address below or
your local IEC member National Committee for further information.

IEC Central Office Tel.: +41 22 919 02 11
3, rue de Varembé Fax: +41 22 919 03 00
CH-1211 Geneva 20 info@iec.ch
Switzerland www.iec.ch
About the IEC
The International Electrotechnical Commission (IEC) is the leading global organization that prepares and publishes
International Standards for all electrical, electronic and related technologies.

About IEC publications
The technical content of IEC publications is kept under constant review by the IEC. Please make sure that you have the
latest edition, a corrigenda or an amendment might have been published.

IEC Catalogue - webstore.iec.ch/catalogue Electropedia - www.electropedia.org
The stand-alone application for consulting the entire The world's leading online dictionary of electronic and
bibliographical information on IEC International Standards, electrical terms containing 20 000 terms and definitions in
Technical Specifications, Technical Reports and other English and French, with equivalent terms in 16 additional
documents. Available for PC, Mac OS, Android Tablets and languages. Also known as the International Electrotechnical
iPad. Vocabulary (IEV) online.

IEC publications search - www.iec.ch/searchpub IEC Glossary - std.iec.ch/glossary
The advanced search enables to find IEC publications by a 65 000 electrotechnical terminology entries in English and
variety of criteria (reference number, text, technical French extracted from the Terms and Definitions clause of
committee,…). It also gives information on projects, replaced IEC publications issued since 2002. Some entries have been
and withdrawn publications. collected from earlier publications of IEC TC 37, 77, 86 and

CISPR.
IEC Just Published - webstore.iec.ch/justpublished

Stay up to date on all new IEC publications. Just Published IEC Customer Service Centre - webstore.iec.ch/csc
details all new publications released. Available online and If you wish to give us your feedback on this publication or
also once a month by email. need further assistance, please contact the Customer Service
Centre: csc@iec.ch.
IEC 62481-6-1 ®
Edition 1.0 2017-07
INTERNATIONAL
STANDARD
colour
inside
Digital living network alliance (DLNA) home networked device interoperability

guidelines –
Part 6-1: Remote User Interface – HTML5

INTERNATIONAL
ELECTROTECHNICAL
COMMISSION
ICS 33.160; 35.100.05; 35.110 ISBN 978-2-8322-4628-3

– 2 – IEC 62481-6-1:2017 © IEC 2017

CONTENTS
FOREWORD . 4
INTRODUCTION . 6
1 Scope . 7
2 Normative references . 7
3 Terms, definitions and conventions . 9
3.2 Conventions . 9
4 Networking architecture, device models and guideline conventions . 9
4.1 DLNA home networking architecture . 9
4.2 Document conventions and conventions . 9
4.3 Guideline structure and layout . 9
5 DLNA Device Model. 10
5.1 General . 10
5.2 HTML5 RUI Device Functions . 10
5.3 Device Capabilities . 10
5.4 System usages . 11
5.4.1 General . 11
5.4.2 2-box RUI-H Pull with/without A/V system usage . 12
5.4.3 3-box UI-only system usage . 13
5.4.4 3-box UI with A/V system usage . 16
6 HTML5 RUI guideline . 17
6.1 General . 17
6.2 Architecture and protocols . 17
6.3 HTML5 Remote User Interfaces . 18
6.3.1 General . 18
6.3.2 Discovery of HTML5 Remote UI devices . 18
6.3.3 RUI-H transport . 21
6.3.4 Media Formats and AV metadata . 23
6.3.5 Media Transport and control . 27
6.3.6 Content Protection guidelines . 31
6.3.7 HTML5 presentation and control: General . 31
6.3.8 HTML5 presentation and control: HTML and DOM . 32
6.3.9 HTML5 presentation and control: CSS . 33
6.3.10 HTML5 presentation and control: Image and Font Formats . 35
6.3.11 HTML5 presentation and control: JavaScript and JavaScript APIs . 36
6.3.12 HTML5 presentation and control: Cross Origin Resource Sharing . 41
6.3.13 Quality of Service . 42
6.3.14 Presentation of MPEG-2 TS Elementary Streams . 42
6.3.15 DLNA-HTML5-1.0 protocolInfo value . 45
6.3.16 RUI-H service location caching . 47
Annex A (informative) HTML5 RUI client capability detection . 49
A.1 HTML5 client capability detection . 49
A.2 CSS client capability detection . 49
Annex B (informative) RUI-H updates . 51
Annex C (informative) Web content authoring guidelines . 52
C.1 General . 52

C.2 Subtitles . 52
C.3 Ad insertion . 52
C.4 Media synchronized web content . 52
C.5 Alternate audio program . 52
C.6 Descriptive video service . 52
C.7 Discovery of DLNA devices . 53
C.8 In order to support 3-box AV scenario . 53
C.9 Filtering DLNA AV content in the UI page. 53
Annex D (informative) Combining RUI-H with AV . 54
D.1 2-box AV scenario using 2-box HTML5 RUI . 54
D.2 3-box AV scenario using 2-box HTML5 RUI . 54
Annex E (informative) HTML5 input events . 55
E.1 General . 55
E.2 Key input . 55
E.2.1 General . 55
E.2.2 Key values set . 56
E.3 Mouse . 56
E.3.1 General . 56
E.3.2 Event synthesis . 56
E.3.3 Mouse order . 56
E.3.4 Wheel . 57
E.4 Touch . 57
Annex F (normative) DLNA-HTML5-1.0 Extended XSD Schema . 58
Annex G (informative) Examples of DLNA RUI-H service UIListing . 59
G.1 Example of tw o RUI-H services . 59
G.2 Example of single RUI-H service . 60
G.3 Example of single RUI-H service with two URIs . 60
Bibliography . 62

Figure 1 — Relationship of RUI-H components . 11
Figure 2 – RUI-H Pull without A/V system usage interaction model . 12
Figure 3 – RUI-H Pull with A/V system usage interaction model . 13
Figure 4 – 3-box UI-only system usage interaction model . 14
Figure 5 – Physical configuration for 3-box UI-only system usage model . 14
Figure 6 – Physical configuration for 3-box UI-only system usage model . 15
Figure 7 – Combining 2 instances of 3-box UI-only system usage . 15
Figure 8 – 3-box UI with 3-box A/V system usage interaction model . 17

Table 1 – Collocation possibilities of +RUIHPL+ and +RUIHSRC+ capabilities for A/V. 13
Table 2 – Collocation possibilities of +RUIHSRC+ and +RUIHSINK+ capabilities for A/V
Table A.1 – HTML5 client capability detection . 49
Table A.2 – CSS client capability detection . 50

– 4 – IEC 62481-6-1:2017 © IEC 2017
INTERNATIONAL ELECTROTECHNICAL COMMISSION
____________
DIGITAL LIVING NETWORK ALLIANCE (DLNA) HOME
NETWORKED DEVICE INTEROPERABILITY GUIDELINES –

Part 6-1: Remote User Interface – HTML5

FOREWORD
1) The International Electrotechnical Commission (IEC) is a worldwide organization for standardization comprising
all national electrotechnical committees (IEC National Committees). The object of IEC is to promote international
co-operation on all questions concerning standardization in the electrical and electronic fields. To this end and in
addition to other activities, IEC publishes International Standards, Technical Specifications, Technical Reports,
Publicly Available Specifications (PAS) and Guides (hereafter referred to as “IEC Publication(s)”). Their
preparation is entrusted to technical committees; any IEC National Committee interested in the subject dealt with
may participate in this preparatory work. International, governmental and non-governmental organizations liaising
with the IEC also participate in this preparation. IEC collaborates closely with the International Organization for
Standardi
...