This is an implementation of "PPAP-Test" in JavaScript with Web Audio API (and Video tag).
The background story about "PPAP-Test" is here: Programmers, Do You Know “PPAP Test”?
Detailed description about the code is given at Qiita site (in Japanese): PPAPテストを Web Audio API で
Once you tap the start button (actually the entire screen), PPAP-Test begins until "Pen"-"Pineapple"-"Apple"-"Pen sequence appears.
- demo.
You can play sound samples taken from PPAP video by tapping 7 buttons on the screen or keys (QWE/ASD/ZXC).
- demo.
This project is my first attempt for PPAP-Test implementation but it's not working as expected.
The approach is simply to seek and play the single video.
The seek is done by setting currentTime
and the code seems to work properly at least on Chrome.
The problem is on Safari (both iOS and Mac); There is a delay just after setting currentTime
, so that PPAP sound is not audible.
- demo.
The video is taken from YouTube