qimessaging.js framework on Pepper
- qimessaging.js v2.0+
- jQuery
- cache services
- view html templete
- switch html templete on single page
- index.html
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/libs/qimessaging/2/qimessaging.js"></script>
<script src="js/qitalk.js"></script>
<script>
$(function() {
Qitalk.init({
host : '', // pepper host. default => localhost
root : '#qitalk',
tplDir : './tpl',
preload : {
tpl : ['home', 'profile'],
service : ['ALMemory', 'ALTextToSpeech']
},
handle : {
start : function() {
Qitalk.presentView('home'); // switch html templete.
}
}
});
});
</script>
<body>
<div id="qitalk">
</div>
</body>- ./tpl/home.tpl
<script>
$(function() {
$("#nextpage").on('click', function() {
var username = $("input['name=username']").val();
Qitalk.presentView('profile', username); // send value for next page.
});
});
</script>
<input type="text" name="username" />
<input id="nextpage" type="button" value="go to profile page.">- ./tpl/profile.tpl
<script>
var params = Qitalk.params; // get value for prev page.
$(function() {
$("#username").text(params);
});
</script>
<p id="username"></p>It must cache service.
///
preload : {
tpl : ['home', 'profile'],
service : ['ALMemory', 'ALTextToSpeech']
},
///Service is called from Qitalk.proxy property.
Qitalk.proxy.ALTextToSpeech.say('I am pepper');- Qitalk.on(name, function, id) // Recive signal to tablet from pepper.
- Qitalk.send(name, value) // Send signal to pepper from tablet.
MIT