JavaScript

Creación de las carpetas del proyecto y de la plantilla HTML

Empezarás creando un archivo HTML, un archivo JavaScript y un archivo CSS. Estos tres archivos contendrán nuestro diseño, la lógica de la aplicación y algunos elementos visuales, respectivamente.

  1. Antes de empezar a programar, crea una nueva carpeta de proyecto en tu ordenador para guardar estos archivos (el ejemplo que aparece a continuación se llama mi proyecto pero puedes ponerle el nombre que quieras). A continuación, añada un /js y /css junto con archivos en blanco para index.html, app.jsy app.css con la siguiente estructura:
/myproject /js app.js /css app.css index.html

Una vez configurado el proyecto, abra la carpeta principal del proyecto en el editor de código y vaya a la sección index.html archivo.

  1. Copia el siguiente código (utilizando el botón «Copiar») y añádelo a tu archivo index.html en el editor de código:
<!DOCTYPE html>
<html>

<head>
    <title> OpenTok Signaling Sample </title>

    <script src="https://static.opentok.com/v2/js/opentok.min.js"></script>
    <link href="css/app.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="textchat">
         <p id="history"></p>
         <form>
              <input type="text" placeholder="Input your text here" id="msgTxt"></input>
         </form>
    </div>
    <script type="text/javascript" src="js/app.js"></script>
</body>

</html>

El código anterior incluye referencias a la opentok.js así como los archivos JS y CSS que has creado. El código también incluye un div para el chat de texto y un formulario para enviar mensajes.

Chat de texto básico

Sigue este tutorial para crear un chat de texto básico desde cero usando la Video API de Vonage. Es la forma más rápida de crear una prueba de concepto para esta funcionalidad en la plataforma de video.

Pasos
1
Visión general
2
Antes de empezar
3
Configurar una aplicación de video de Vonage
4
Creación de las carpetas del proyecto y de la plantilla HTML
5
Configuración de la autenticación
6
Conexión a la sesión
7
Enviar una señal
8
Recepción de una señal
9
Pruebe su código en un navegador
10
Un poco de personalización CSS
11
Conclusión