Nodeで公式API使わずYoutubeLiveのチャットを取得するやつv2を公開した
// チャンネルIDから配信中のチャット欄を取得 // 配信IDは毎度変わるのでこちらが推奨 const liveChat = new LiveChat({channelId: "CHANNEL_ID_HERE"}) // 配信IDから特定の配信のチャット欄を取得 // まだアーカイブ対応とかしてないし多分使いにくい const liveChat = new LiveChat({liveId: "LIVE_ID_HERE"}) // チャットの取得開始時に発火するイベント liveChat.on("start", (liveId) => { /* Your code here! */ }) // チャット取得終了時に発火するイベント // エラーで終了する場合も発火する liveChat.on("end", (reason) => { /* Your code here! */ }) //
YouTubeのリアクションを配信画面に表示させる「Miterun」というアプリを作った
こんにちは。 私は、VTuber事務所StarryCherryという事務所を運営しているんですが、その中で、YouTubeのリアクションを配信画面に表示させたいという希望がありました。 ちなみにリアクションとは、これのことです。 そこで、私はウェブエンジニアでもあるため、ぜひこれを叶えようと思いアプリケーションを制作しました。 それが今回制作したアプリケーション、Miterunです。 サーバーから切断されているとOBS上でオーバーレイとしてこんな画面が出て、素敵です ソフトウェアの命名については、視聴者が配信を「見ている」ことをより実感できるという意味の見てる、と、開発者の私 巳波みなと と、フロント周りの開発者である tererun の名前をあわせた、という感じです。 我ながら良い命名だと思っています なお、実際に動いている様子はここから見れます さて、前置きが長くなってしまいましたが、
StreamYard
Go live or record podcasts with remote guestsIt's easy for guests to join from their browser or phone in a few clicks. No software downloads. Studio quality recordings on any connectionSick of Zoom and Skype ruining your podcast? With local recordings, a separate audio and video file is recorded on each user's device. Even if someone has weak internet, the recordings won't be blurry or choppy. Mul
Modern Tooling, Testing, and Automation (Chrome Dev Summit 2017)
Modern web development requires modernizing tooling. In this video, Paul and Eric tour the latest goodies from the Chrome DevTools team. They cover new features in DevTools, using Lighthouse to guide your development workflow, and automating it all with Puppeteer, a new Node library for controlling headless Chrome. Check out the rest of the Chrome Dev Summit videos here: https://goo.gl/ekCoVu
Webpack Tips - Totally Tooling Tips
Learn how to keep your Webpack JavaScript bundles as small as possible in this new episode with Matt and Addy. They cover code-snippets for ensuring you're minifying and splitting up your bundles efficiently. Webpack for Real Tasks: Decreasing Front-End Size and Improving Caching: https://goo.gl/uhXaNa Getting the Most out of CommonsChunkPlugin: https://goo.gl/DfrVi7 Vendor and Code Splitting i
Caching Headers - Supercharged
Surma shows how you can make your caching headers work for you and your content. Jake’s blog post on Caching Headers: https://goo.gl/1FXviv If you have questions or suggestions, hit us up on Twitter! Surma: https://twitter.com/DasSurma Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf
DevTools: State of the Union 2017 (Google I/O '17)
See a demo tour of new DevTools features that will allow web developers to build Progressive Web Apps, determine performance and accessibility issues via an auto-generated report, debug JavaScript apps with powerful new async stepping tools, and make code editing seamless with hot-swapping and auto-saving. Watch more Chrome and Web talks at I/O '17 here: https://goo.gl/Q1bFGY See all the talks fr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome and Web at Google I/O 2018
Chrome 66 - What's New in DevTools
GynvaelEN
New in Chrome 64: ResizeObservers, Named Captures, import.meta and more!
Santa Tracker Developer Diary #1
Variable Fonts - Supercharged
Server-side Rendering - Totally Tooling Tips
Font Loading API - Supercharged
Cross-Browser Support - Developer Diary #Day2
Uploading an Image - Developer Diary #Day1 - YouTube
Drag and Drop (The Standard, Ep. 9)
A11ycasts with Rob Dodson
Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps (Google I/O '17)