Feb 17, 2022 21:00:00

A fierce man who made his own web service that allows you to listen to the songs sung by the distribution like a music app has appeared

When the recommended artist, YouTuber, and VTuber regularly distribute songs on YouTube etc., there are too many videos on the channel, 'I want to listen to that song, but which distribution did you sing?' 'It may be. Mr.

Kisarazu has created and released a system called ' Song Frame Search ' that automatically plays back with a specific time stamp of the corresponding distribution by searching by the song name you want to listen to.

Song frame search | gozaru.fans
https://gozaru.fans/singing-streams

I tried to make a web service that allows you to listen to the recommended song distribution like a music app
https://zenn.dev/qisarazu/articles/e8617817b4b365

The 'Song Frame Search' published by Mr. Kisazu can search for the song frame of Mr. Kazama Iroha , a 6th generation Hololive student who is recommended by Mr. Kisazu.

This time, in order to listen to '

Platinum ', enter 'Platinum' in the search field at the top of the screen to search.

Then, the link of the delivery with 'Platinum' sung will be displayed, so click it.

Click the play icon on the thumbnail.

Then, the video will be played from the timing when you sang 'Platinum' in the distribution. The list of sung songs is lined up on the right side of the screen, so I clicked ' Umapyoi Densetsu '.

Then, the distribution was automatically switched, and it was played from the timing when 'Umapyoi Densetsu' was sung.

Since the song frame is a form in which multiple songs are recorded in one distribution, a database that summarizes the song names and time stamps is required to realize the song frame search. According to Mr. Kisazu, supabase is used for the database and swr is used for client data management. Also, the development framework is Next.js and the language is TypeScript.

At the time of writing the article, all the songs listed are listed in the playlist, but Mr. Kisazu plans to add a custom playlist function in the future so that only his favorite songs can be played.

In addition, the source code of the song frame search is published on GitHub, so please check it if you want to make a song frame search with your favorite artist or recommended VTuber.

GitHub --qisarazu / iroha-fansite
https://github.com/qisarazu/iroha-fansite