All Projects → rocketseat-content → Youtube Html Js Audio Player

rocketseat-content / Youtube Html Js Audio Player

An audio player created with HTML Audio and Javascript 🚀

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Youtube Html Js Audio Player

Vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Stars: ✭ 1,928 (+4843.59%)
Mutual labels:  player, youtube, html5
Artplayer
🎨 ArtPlayer.js is a modern and full featured HTML5 video player
Stars: ✭ 484 (+1141.03%)
Mutual labels:  player, html5
Redditmusicplayer
🎵 A free and open-source streaming music web player using data from Reddit
Stars: ✭ 401 (+928.21%)
Mutual labels:  player, youtube
Pip Tool
PiP tool is a software to use the Picture in Picture mode on Windows. This feature allows you to watch content (video for example) in thumbnail format on the screen while continuing to use any other software on Windows.
Stars: ✭ 572 (+1366.67%)
Mutual labels:  player, youtube
React Music Player
🎵 Maybe the best beautiful HTML5 responsive player component for react :)
Stars: ✭ 321 (+723.08%)
Mutual labels:  player, html5
Moovie.js
Movie focused HTML5 Player
Stars: ✭ 293 (+651.28%)
Mutual labels:  player, html5
React Player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Stars: ✭ 5,931 (+15107.69%)
Mutual labels:  player, youtube
Vue Youtube
A simple component for a powerful API. vue-youtube provides a simple layer for you to use your imagination while over the YouTube IFrame Player API.
Stars: ✭ 261 (+569.23%)
Mutual labels:  player, youtube
Rx Player
DASH/Smooth HTML5 Video Player
Stars: ✭ 600 (+1438.46%)
Mutual labels:  player, html5
Aplayer
🍭 Wow, such a beautiful HTML5 music player
Stars: ✭ 5,887 (+14994.87%)
Mutual labels:  player, html5
Hlsjs P2p Engine
Let your viewers become your unlimitedly scalable CDN.
Stars: ✭ 759 (+1846.15%)
Mutual labels:  player, html5
Upnext
Chrome Extension for streaming music from SoundCloud & YouTube
Stars: ✭ 320 (+720.51%)
Mutual labels:  player, youtube
Openwhyd
💎 Like Pinterest, for Music
Stars: ✭ 287 (+635.9%)
Mutual labels:  player, youtube
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+10223.08%)
Mutual labels:  player, youtube
Xcdyoutubekit
Stars: ✭ 2,853 (+7215.38%)
Mutual labels:  player, youtube
Maia Yt
Currently codenamed maia-yt is a userscript (and browser extension) that enhances the user's experience on YouTube.
Stars: ✭ 493 (+1164.1%)
Mutual labels:  player, youtube
Video.js
Video.js - open source HTML5 & Flash video player
Stars: ✭ 32,478 (+83176.92%)
Mutual labels:  player, html5
youtube-ios-player-helper-swift
A full swift implementation of https://github.com/youtube/youtube-ios-player-helper. Helper library for iOS developers looking to add YouTube video playback in their applications via the iframe player in a UIWebView
Stars: ✭ 55 (+41.03%)
Mutual labels:  player, youtube
Openplayerjs
Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads
Stars: ✭ 255 (+553.85%)
Mutual labels:  player, html5
Yt Player
Simple, robust, blazing-fast YouTube Player API
Stars: ✭ 576 (+1376.92%)
Mutual labels:  player, youtube

Trabalhando com HTML Audio e JavaScript

RocketCast

Easy

  • [x] Iniciar a estrutura do layout (HTML e CSS).
  • [x] Criar o player de audio
  • [x] Fazer o player tocar automaticamente quando a janela abrir
  • [x] Ok, me arrependi, o player tocando automaticamente é horrível. Remova esta opção de autoplay
  • [x] Alimentar o player com os dados de audio

Moderate

  • [x] Refatorar: Criar um objeto para guardar o estado, funcionalidades e configurações do player
  • [x] Quando o audio finalizar, iniciar o próximo da lista
  • [x] Quando chegar no último audio, voltar a reproduzir o primeiro.

Hard

  • [x] Iniciar a customização visual do player
  • [x] Adicionar funcionalidade para os botões (Play/Pause, Volume, Mute e Seekbar)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].