🗣 Say "happy halloween" to your browser 🎃 !
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 :
That's all, just say "happy halloween" to your browser !
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 -gThen make sure install all packages
$ npm install$ pingy dev$ pingy exportYou can use CDN directly
https://rawgit.com/WeiChiaChang/Easter-egg/master/happy-halloween.jsThe package is also available via NPM.
$ npm install happy-halloweenAll of the Gifs were derived from GIPHY.
Original source of background image comes from here.
Audio in the Demo (sourced from BenSound) is licenced under Creative Commons.
MIT © WeiChiaChang