Still trying to figure out about how to solve long first loading time, any advice, pull request or issues will be welcome, thanks !
At this stage, you have to use Google Chrome (version > 60 at least) for browsing happy-halloween since Web Speech API still an experimental technology and other browsers still under implementation so far. You can check caniuse for more details.
Choose to Allow the site's use of your microphone :
You will see the red light if you allow your microphone :
Or Codepen demo for another way !
Image Original Source From Awesome Egoist !
First if all, install pingy as default front-end build tool.
$ npm install @pingy/cli -g
Then make sure install all packages
$ npm install
Setting up Dev
$ pingy dev
Deploying / Publishing
$ pingy export
CDN & NPM
You can use CDN directly
The package is also available via NPM.
$ npm install happy-halloween
All of the Gifs were derived from GIPHY.
Original source of background image comes from here.
MIT © WeiChiaChang