Uso de componentes HTML con secuencias de
comandos
Puede interactuar con contenido en componentes HTML mediante eventos estándar de JavaScript y HTML
DOM.
El siguiente ejemplo HTML y script añaden botones en los que el usuario puede hacer clic para cambiar el
chatbot activo de Amazon Lex en un host con
Example Componente HTML 3D: botones
<style>
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 25px;
text-align: center;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: green;
}
</style>
<button id="bot1button" botname="OrderFlowers" botalias="latest" type="button">Order
Flowers</button>
<button id="bot2button" botname="BookTrip" botalias="latest" type="button">Book Trip</
button>
Example Script — Agregar detector de eventos a los botones
• Entidad— Host u otra entidad con un componente de diálogo.
'use strict';
function setup(args, ctx) {
ctx.entityData.changeBot = function(event){
var name = event.target.getAttribute("botname");
var alias = event.target.getAttribute("botalias");
ctx.entity.dialogueComponent.updateConfig({name: name, alias: alias})
};
document.getElementById("bot1button").addEventListener('click',
ctx.entityData.changeBot);
document.getElementById("bot2button").addEventListener('click',
ctx.entityData.changeBot);
}
Componente de sonido de Amazon Sumerian
El componente de sonido añade una serie de activos de sonido a la entidad. El sonido no se reproduce
automáticamente, pero puede reproducirlo mediante un script o con la máquina de estado. Las
extensiones de archivo admitidas son wav, mp3 y ogg.
Amazon Sumerian Guía del usuario
Uso de componentes HTML con secuencias de comandos
unEl componente diálogo (p.
199
192).