Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
テレビ録画を遠隔視聴する話
Search
ぐるぐる
December 17, 2017
Technology
0
630
テレビ録画を遠隔視聴する話
ぐるぐる
December 17, 2017
Tweet
Share
More Decks by ぐるぐる
See All by ぐるぐる
ROSConJP 2025 発表スライド
f0reacharr
0
280
StudioAquatan Introduction 2024
f0reacharr
0
13
StudioAquatan Introduction 2024
f0reacharr
0
52
ロボコンのすすめ
f0reacharr
0
60
How to survive campus life at KIT with MacBook
f0reacharr
0
170
Other Decks in Technology
See All in Technology
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
130
Why Organizations Fail: ノーベル経済学賞「国家はなぜ衰退するのか」から考えるアジャイル組織論
kawaguti
PRO
1
210
AI駆動開発を事業のコアに置く
tasukuonizawa
1
390
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
680
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
2
190
Webhook best practices for rock solid and resilient deployments
glaforge
2
310
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
260
Red Hat OpenStack Services on OpenShift
tamemiya
0
140
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
850
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
480
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
520
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
230
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
94
How GitHub (no longer) Works
holman
316
140k
Crafting Experiences
bethany
1
53
Making the Leap to Tech Lead
cromwellryan
135
9.7k
[SF Ruby Conf 2025] Rails X
palkan
1
760
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Producing Creativity
orderedlist
PRO
348
40k
Git: the NoSQL Database
bkeepers
PRO
432
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Transcript
テレビ録画を遠隔視聴する話 by @f0reachARR
自己紹介 • TypeScriptやC#などをメインに使用 • Twitter/GitHub: @f0reachARR • Web関連や動画配信技術に興味あり
やりたいこと テレビの録画をどこからでも見られるように! 問題点 • エンコードしないとモバイル回線どころか家の中ですら安定しない • エンコードしながら配信するとすればシークがめんどくさい ◦ Chinachuなどはシークされたところからエンコード ◦
でもこれだとすでにエンコードしたところが無駄になる ◦ ↑これをなんとかする
具体的には 複数のエンコーダーが作成したものをいい感じに繋ぐ エンコーダー1 0:00 10:00 ここから見たい! エンコーダー2 停止 この区間を見たいときはそこをエン コードして、いい感じに
(ry 途中からエンコード
使う技術 • Media Source Extension(MSE) ◦ 動画ファイルを分割したセグメントを読み込ませてタイムスタンプに基づき再生できる ◦ エンコーダーごとの始点の調整は timestampOffsetを使用
◦ 分割が容易(多分)なWebMコンテナで渡す • エンコーダー ◦ めんどくさいのでffmpeg ◦ WebM使うのでVP8+Vorbisでエンコード
MSEのAPIで長さを指定する シークしたらその地点からエンコード そしてエンコードされたら読み込み 読み込み時にoffsetを設定する 出来たもの 使用されたエンコーダーたち シーク地点からエンコードされ、既にエンコードされている部分は飛ばす
今後の課題 • たまに止まる、しかもリロードすると普通に見れる問題をなんとかする • VP8のHWエンコーダーは少ない→H.264を使いたい→MP4版作成へ • iOSはMediaSource非対応→知ったことではない • シークを呼び出す条件とかバッファリングとか→なんとかします!
ご清聴ありがとうございます