Watching, rating multiple YouTube livestreams of Hololive with Google Apps Script.
Darenimo Daisuki !(誰にも大好き!😻 )
Background Image Credit: twitter@tsuru_py
We can use it for watching multiple livestreams of Hololive members, or add other YouTube video for watching at the same time. The script will check schedule info on Hololive official website.
The project root has 2 main folders with source code: cloud & local. I made a cloud version for demo, everyone can use it with a Google account. The cloud demo will remember user configuration with a unique hash ID on Google cloud spreadsheet when CLICK "save" button. It NEVER
keep your email address or other private info.
Check the demo >>here<<
- Create a new Apps Script project on Google Drive
- Create all files the same as content of folder "local"
- Add Cheerio library
[Script ID] : 1ReeQ6WO8kKNxoaA_O0XEQ589cIrRvEBA9qcWpNqdOP17i47u6N9M5Xh0 - Add SubTube library
[Script ID] : 15wcYYK_3nUaq9UpCzYh_fNSomaSF0MVNXi2bWRqeb6AUenpHk6UWihnR - Add YouTube Data API Service
- Deploy as a web application for yourself
- Check and save tracking list with "setting" modal (popup window)
- We can also set an awesome fan-art background image with URL
- Get / Update the livestream data through the 🔄 button
- It will check and display all livestreams currently according to tracking list
- Add other YouTube livestream/video manually with the "add" modal
- Control the video display / hidden with avatar icon on the top of page
2022-02-10
- Add
ホロライブ
andホロスターズ
checkboxes to tracking list
- Livestream tracking of
Ninomae Ina'nis
was skipped since the VTuber name of official schedule info has changed fromIna'nis
toIna
- Livestream tracking of
Roboco
was skipped since the VTuber name of official schedule info has changed fromロボ子
toロボ子さん
- Livestream tracking of
Watson Amelia
was skipped since the VTuber name of official schedule info has changed fromAme
toAmelia
2022-02-05
- Rating button for YouTube video (YouTube Data API)
- Build the SubTube library for fetching YouTube video info
- Using Properties Service for user config saving instead of local storage
- The rating button doesn't record our rating history, just for quick rating
2022-01-19
- Fixed the hidden video didn't stop playing
2022-01-18
- "Setting" modal
- "Add Video" modal
- Keep user configuration in local storage
- Keep valid avatar URLs in local storage for saving quota usage
- Display channel avatar of video which is added additionally instead of default avatar
- Improve the UI/UX
- The video which added additionally by user is not exist after livestream data update
2021-12-21
- Using CSS for livestreams display control instead of Vue list rendering
- Unnecessary re-rendering for livestreams display control and stopping many livetreams afterwards
2021-12-16
- Boostrap@5.1.1
- Cheerio as html parser
- Avatar area of VTuber for stream(iframe) display control
- YouTube Data API is deprecated due to the big cost of search
- Get livestreams data from Hololive.tv directly
- Improve the UI/UX
- Avatar tooltip not working after livestreams data update