Smart Interaction with Samsung Smart TV
-
Upload
bartosz-skorupski -
Category
Technology
-
view
3.433 -
download
4
description
Transcript of Smart Interaction with Samsung Smart TV
•
•
•
•
•
•
Application Framework Device API, SEF or Web Device API
Native TV Functions
TV Basic Modules
TV-related Modules
Multimedia Modules
More to come...
Ap
p M
anage
r (Sm
art HU
B)
Samsu
ng En
gine
<?xml version="1.0" encoding="UTF-8"?>
<widget>
<icon></icon>
<type>user</type>
<ThumbIcon>icon/default_106.png</ThumbIcon>
<BigThumbIcon>icon/default_106.png</BigThumbIcon>
<ListIcon>icon/default_106.png</ListIcon>
<BigListIcon>icon/default_106.png</BigListIcon>
<category></category>
<autoUpdate>y</autoUpdate>
<cpname></cpname>
<cpauthjs></cpauthjs>
<movie>y</movie>
<srcctl>n</srcctl>
<ver>1.0</ver>
<audiomute>y</audiomute>
<videomute>y</videomute>
<login>y</login>
<widgetname>Sample App</widgetname>
<description></description>
<width>1920</width>
<height>1080</height>
</widget>
required to run your app
category in Samsung Apps
source control set to NO
mute settings
UI resolution
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
WEB Device API
SEF (Service
Extension Framework)
Device API
AudioControl DisplayControl AVPlay TV Information
TV Channel TV Window Network ImageView
CustomDevice Gamepad HealthcareDevice Microphone
Printer Recognition Camera
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•<script type="text/javascript"
src="$MANAGER_WIDGET/Common/webapi/1.0/deviceapis.js"></script>
•<script type="text/javascript"
src="$MANAGER_WIDGET/Common/af/2.0.0/loader.js"></script>
deviceapis.recognition
• <voice>y</voice>
if (deviceapis.recognition.IsRecognitionSupported())
{
// perform Recognition related actions here,
// e.g. subscribe to recognition events
} else {
alert("ERROR: Voice recognition not supported");
}
deviceapis.recognition.SubscribeExEvent(
deviceapis.recognition.PL_RECOGNITION_TYPE_VOICE,
"testApp",
function (evt) {
// do some stuff
});
eventtype
result
var helpbar = {
“helpbarType” : “HELPBAR_TYPE_VOICE_CUSTOMIZE”,
“bKeepCurrentInfo” : “true”,
“helpbarItemsList” :
[
{ “itemText” : “zielony”,
“commandList” :
[
{ “command” : “zielony” }
]
}
]
}
deviceapis.recognition.SetVoiceHelpbarInfo( {String} $.toJSON(helpbar));
Candidate words mode
Text displayed on Help Bar
List of voice commands
Keep the Help Bar on screen
•
•
–
–
–
–
–
•
•
• <mouse>y</mouse>
•
•
•
•
Using jQuery approach $('#someID').bind({
click: function(){
console.log("click");
},
mouseover: function(){
console.log("cursor over");
},
mouseout: function(){
console.log("cursor out");
}
});
Using ECMAScript 3 approach document.getElementById('someID').addEventListener("click",
function() {}, true);
Pinch gesture
Cursor over element
Cursor out
Gesture UI applied