Giter Site home page Giter Site logo

practice-uffs / live-web Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 8.12 MB

Aplicação web para transmissões ao vivo (streaming) de salas de reunião para Youtube com edição em tempo real

License: Apache License 2.0

Shell 0.25% PHP 57.57% Blade 41.17% Hack 1.01%

live-web's People

Contributors

dovyski avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

live-web's Issues

Iniciar e parar transmissão remotamente

A página de editar evento possui 3 botões:

image

No momento, esses botões não estão fazendo nada. Entretanto, eles já estão ligados com os métodos initTransmission, startTransmission e stopTransmission do controller que gerencia a edição de evento.

O objetivo dessa issue é implementar os métodos startTransmission e stopTransmission que, quando clicados pelo usuário, devem enviar uma mensagem para o live-streamer informando que ele precisa iniciar/parar a transmissão para o Youtube. Algumas observações sobre essa tarefa:

  • Ela deve utilizar o sistema de eventos implementado em #1 #2
  • Talvez seja necessário fazer implementações no próprio live-streamer para que ele consiga, de fato, reagir ao comando e entrar na sala.
  • Como um bônus para essa tarefa, pode-se implementar uma resposta enviada pelo live-streamer ao servidor websocket para indicar que a transmissão foi iniciada/parada.

Esboço / Prototipo inicial para Live Stream

É necessário criar uma primeira versão de como será o front do Live Web.
Isso agiliza o processo de desenvolvimento do front end.

Link do figma do protótipo

Para acessar essa conta é necessário fazer login com o seguinte e-mail: [email protected]
Aconselho acessar a conta do figma e compartilhar o projeto Live Web com uma conta própria do Figma.
Utilizamos do Figma do Practice para centralizar todos os designs.

Envio e processamento de comando para inicializar evento

A página de editar evento possui 3 botões:

image

No momento, esses botões não estão fazendo nada. Entretanto, eles já estão ligados com os métodos initTransmission, startTransmission e stopTransmission do controller que gerencia a edição de evento.

O objetivo dessa issue é implementar o método initTransmission que, quando clicado pelo usuário, deve enviar uma mensagem para o live-streamer informando que ele precisa entrar na sala do Google Meet. Algumas observações sobre essa tarefa:

  • Ela deve utilizar o sistema de eventos implementado em #1 #2
  • Talvez seja necessário fazer implementações no próprio live-streamer para que ele consiga, de fato, reagir ao comando e entrar na sala.
  • Como um bônus para essa tarefa, pode-se implementar uma resposta enviada pelo live-streamer ao servidor websocket para indicar que a sala está pronta para uso.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.