sergiocruz / ng-karaoke Goto Github PK
View Code? Open in Web Editor NEWKaraoke machine concept built in Angular
Home Page: https://sergiocruz.github.io/ng-karaoke
Karaoke machine concept built in Angular
Home Page: https://sergiocruz.github.io/ng-karaoke
First of all, this is very good demo app. Karaoke is awesome.
I found an issue about the lyrics and speech match.
In the app, you used the SpeechRecognition
to record the sound, returned the transcript text to PlayerComponent
and match the text to the current lyrics line.
But if you keep singing a line by a line, the SpeechRecognition
would keep recording the sound and SpeechRecognitionResult.isFinal
would always be false. This caused the SpeechComponent
did not emit any transcript text to PlayerComponent
. But as the song goes, the array holding the lyrics lines in PlayerComponent
would keep refreshing. Once in the middle of the song where there is only music and no lyrics and you stop singing, the SpeechRecognitionResult.isFinal
would be true and return the text to PlayerComponent
. But the line array in the PlayerComponent
might be completely different with the text. This would makes the calculation of the match points incorrect. You could simply reproduce this issue as you keep singing the lyrics correctly.
I think this is one of reasons why your demo in ng-conf did not calculate any points when one of your audience was singing on the stage.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.