Vonage API Developer

JavaScript

Criação das pastas do projeto e do modelo HTML

Você começará criando um arquivo HTML, um arquivo JavaScript e um arquivo CSS. Esses três arquivos conterão, respectivamente, nosso layout, a lógica do aplicativo e alguns elementos visuais.

Antes de começar a programar, crie uma nova pasta de projeto no seu computador para armazenar esses arquivos (o exemplo abaixo se chama meuprojeto (mas você pode dar o nome que quiser). Em seguida, adicione um /js e /css pasta, juntamente com arquivos vazios para index.html, app.js, e app.css na seguinte estrutura:

/myproject /js app.js /css app.css index.html

Depois de configurar seu projeto, abra a pasta principal do projeto no seu editor de código e vá até o index.html arquivo.

Copie o código a seguir (usando o botão “Copiar”) e adicione-o ao seu arquivo index.html no editor de código:

<html>
<head>
    <title> Vonage Getting Started </title>
    <link href="css/app.css" rel="stylesheet" type="text/css">
    <script src="https://video.standard.vonage.com/v2/js/opentok.min.js"></script>
</head>
<body>

    <div id="videos">
        <div id="subscriber"></div>
        <div id="publisher"></div>
    </div>

    <script type="text/javascript" src="js/app.js"></script>
</body>
</html>

O código acima inclui referências ao opentok.js biblioteca, bem como os arquivos JS e CSS que você criou. O código também inclui editora e assinante divs, que conterão os fluxos de vídeo — usaremos essas classes para personalizar o layout mais tarde.

Bate-papo por vídeo básico

Aprenda os conceitos básicos da plataforma Vonage Video API, incluindo como os usuários podem se comunicar por vídeo, voz e mensagens. Explore um fluxo básico da Vonage Video API.

Disponível em: