cdgplayer's Introduction

💫About Me :

Currently I'm working on react-big-calendar, and occasionally contributing to react-select.

I'm looking for help in modernizing SoundTouchJS, to implement each class as true AudioNodes using AudioWorklets.

I learn something new every day. A day without learning is a day you're dead from the neck up.

I've been doing Web Dev for a long time (I remember when they introduced the img tag). I spent the first half of my career stuck in backend code and sql queries, and the next half of my career dedicated to front end dev. Ask me anything. If I can help, I will.

Fun Fact: My whole family sings. I work on SoundTouchJS and wrote a CDGPlayer so I could one day create decent browser-based karaoke software. I'm also a photographer.

🌐Socials

💻Tech Stack

📊GitHub Stats :

🏆GitHub Trophies

✍️Random Dev Quote

💰You can help me by Donating

cdgplayer's People

Contributors

Stargazers

Watchers

cdgplayer's Issues

Auto play is not allowed on Chrome https://goo.gl/7K7WLu

design tip

don't use file extensions to detect type, mimetype is prefered i used url+"#.zip" to get pass this issue

CDG Fonts

Hi, hope you're well.

I've just loaded this up in a localhost and added a Mr Entertainer zip file and it works great, good job!

I don't know much about CDG files and if they're editable etc but on my (MacBook) computer the lyrics are quite blocky/pixellated - presumably because my screen is quite a high resolution.

I see the canvas is set to 300x216 - would making that bigger help, or would the actual CDG file need to be edited?

I'm hoping to have better control over the quality of the images/text shown on screen and just wondered what (if anything) could be done to improve this?

Many thanks for your help.

Rob

getting this.shifter is null

trying to play cdg zip file with mp3 and getting this.shifter and stuck on the first frame

triggered here
}, { key: "start", value: function() { var t = this; X.call(this, this.ctx, this.canvas), this.shifter.connect(this.gainNode), this.gainNode.connect(this.audio.destination), this.audio.resume().then((function() { t.props.isPlaying = !0, t.player.play() })) } }, {

Recommend Projects