Skip to content

LuizFelipe-tech/mistube

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Português

Mistube

Este é um projeto HTML, CSS e JavaScript chamado Mistube. É um aplicativo web que permite o envio e reprodução de vídeos do YouTube e Vimeo.

Estrutura do Código

O código está organizado da seguinte maneira:

O arquivo HTML (index.html) contém a estrutura básica da página. Ele inclui os elementos necessários, como cabeçalho, corpo e scripts.

O arquivo CSS (style.css) contém as regras de estilo para personalizar a aparência da página. Ele define propriedades como cores de fundo, fontes e estilos de elementos específicos.

O arquivo JavaScript (script.js) contém a lógica do aplicativo. Ele manipula os elementos da página, como o campo de entrada de link de vídeo e a exibição dos vídeos enviados. Além disso, possui funções para validar os links do YouTube e Vimeo e criar elementos iframe para reprodução dos vídeos.

A pasta midia contém arquivos de mídia, como imagens de logotipos utilizados na página.

Funcionalidades

O Mistube permite que os usuários insiram um link de vídeo do YouTube ou Vimeo e o reproduza na página. Ele utiliza a API do YouTube e Vimeo para incorporar o vídeo usando um elemento iframe. Quando um link de vídeo válido é inserido e enviado, o vídeo é exibido na seção correspondente. Se forem enviados vários vídeos, a seção é atualizada para mostrar apenas o último vídeo enviado.

Como Usar

Abra o arquivo index.html em um navegador da web compatível.

No campo "Link do vídeo", insira o link de um vídeo do YouTube ou Vimeo.

Clique no botão "Upload" para enviar o vídeo.

O vídeo será incorporado e exibido na seção correspondente.

Você pode repetir o processo para enviar mais vídeos.

Considerações Finais

O Mistube é um projeto simples que demonstra a incorporação de vídeos do YouTube em uma página da web. Sinta-se à vontade para explorar e modificar o código para atender às suas necessidades. Divirta-se explorando e compartilhando vídeos usando o Mistube!

Nomenclatura das atualizações

Este documento descreve a nomenclatura utilizada para nomear as atualizações do nosso software.

Versões

As versões do software são nomeadas no formato X.Y.Z, onde:

X é o número da versão principal. Aumentamos esse número quando introduzimos grandes mudanças ou atualizações significativas que podem afetar a compatibilidade com versões anteriores.

Y é o número da versão secundária. Incrementamos esse número quando adicionamos novos recursos ou funcionalidades menores que não quebram a compatibilidade com versões anteriores.

Z é o número da versão de correção. Aumentamos esse número quando lançamos correções de bugs, patches de segurança ou melhorias de desempenho menores que não introduzem novos recursos.

Exemplos Aqui estão alguns exemplos de nomenclatura de versões:

1.0.0: Primeira versão lançada.

1.1.0: Adição de novos recursos à versão 1.0.0.

1.1.1: Correção de um bug na versão 1.1.0.

2.0.0: Atualização principal com alterações significativas que podem não ser totalmente compatíveis com versões anteriores.

2.0.1: Correção de bugs e melhorias de desempenho para a versão 2.0.0.

Considerações Finais

Essa nomenclatura de versionamento nos permite comunicar claramente o impacto de cada atualização e garantir que os usuários possam entender as mudanças feitas no software.

Inglês

Mistube

This is an HTML, CSS, and JavaScript project called Mistube. It is a web application that allows for uploading and playback of YouTube and Vimeo videos.

Code Structure

The code is organized as follows:

  • The HTML file (index.html) contains the basic structure of the page. It includes necessary elements such as the header, body, and scripts.

  • The CSS file (style.css) contains the style rules to customize the appearance of the page. It defines properties like background colors, fonts, and styles for specific elements.

  • The JavaScript file (script.js) contains the application logic. It manipulates page elements such as the video link input field and the display of uploaded videos. It also includes functions to validate YouTube and Vimeo links and create iframe elements for video playback.

  • The media folder contains media files such as logo images used on the page.

Features

Mistube allows users to input a YouTube and Vimeo video links and play it on the page. It utilizes the YouTube and Vimeo API to embed the video using an iframe element. When a valid video link is entered and submitted, the video is displayed in the corresponding section. If multiple videos are submitted, the section is updated to show only the latest uploaded video.

How to Use

  1. Open the index.html file in a compatible web browser.

  2. In the "Video Link" field, enter a YouTube or Vimeo video link.

  3. Click the "Upload" button to submit the video.

  4. The video will be embedded and displayed in the corresponding section.

  5. You can repeat the process to upload more videos.

Final Notes

Mistube is a simple project that demonstrates the embedding of YouTube and Vimeo videos in a web page. Feel free to explore and modify the code to fit your needs. Enjoy exploring and sharing videos using Mistube!

Update Naming Convention

This document describes the naming convention used for naming updates to our software.

Versions

The software versions are named in the format X.Y.Z, where:

X is the major version number. We increment this number when introducing significant changes or major updates that may affect compatibility with previous versions.

Y is the minor version number. We increment this number when adding new features or minor functionalities that do not break compatibility with previous versions.

Z is the patch version number. We increment this number when releasing bug fixes, security patches, or minor performance improvements that do not introduce new features.

Examples Here are some examples of version naming:

1.0.0: First released version.

1.1.0: Addition of new features to version 1.0.0.

1.1.1: Bug fix for version 1.1.0.

2.0.0: Major update with significant changes that may not be fully backward compatible.

2.0.1: Bug fixes and performance improvements for version 2.0.0.

Final Remarks

This versioning naming convention allows us to clearly communicate the impact of each update and ensures that users can understand the changes made to the software.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published