Skip to content

iwouldrathercode/cockatoo-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cockatoo-player 🎧🦜

Current HTML5 supports subtitle only for video. This package specifically supports subtitles for audio.

Dependencies ✨

  • subtitle.js To parse subtitles and display below the player
import Vue from 'vue'
import CockatooPlayer from 'cockatoo-player'

Vue.use(CockatooPlayer)

Somewhere on your HTML / Vue Template

<cockatoo-player
  track="https://tamilfiles.xyz/songs/Kolamavu%20Kokila/Kalyaana%20Vayasu.mp3"
  transcript="https://gist.githubusercontent.com/psgganesh/fcd058c2ecef5688429cf611facbeee6/raw/fa58768e39074bc2cd4ea97e6fbf510754b9a1f3/music-transcript.vtt"
  colors="active-maroon"
/>

Output

Todo

  • Remove axios
  • Add VTT URL validations