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
640
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
テレビ録画を遠隔視聴する話
ぐるぐる
December 17, 2017
More Decks by ぐるぐる
See All by ぐるぐる
ROSConJP 2025 発表スライド
f0reacharr
0
310
StudioAquatan Introduction 2024
f0reacharr
0
24
StudioAquatan Introduction 2024
f0reacharr
0
58
ロボコンのすすめ
f0reacharr
0
81
How to survive campus life at KIT with MacBook
f0reacharr
0
180
Other Decks in Technology
See All in Technology
型落ちシンクライアント端末のPoEモジュールを自作したかった話
logica0419
0
370
FORENSIA: ローカルLLMフォレンジックハーネス
sumeshi
2
450
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
inureyes
PRO
1
890
dbt in Microsoft Fabric
ryomaru0825
0
190
Android skills に学ぶ
kokiko
0
160
自宅NWにISR4331を導入してみた話
okaits
0
120
小粒でもパワフルなJS Runtime Antjsについて
comamoca
0
120
8bit CPU 2026
koba789
7
2.7k
RapidCopy2 Matrix I/Oエンジンによるファイルコピーソフトウェアの設計と実装
kengosawa2
1
340
AI開発に用いられるHPC技術について
gpuunite_official
0
260
AWS Blocks が楽しい #ゆるWeb札幌
tacck
PRO
0
120
LLM・AIエージェントシステムベストプラクティス
shibuiwilliam
6
1.6k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
550
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
4 Signs Your Business is Dying
shpigford
187
23k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
710
Rails Girls Zürich Keynote
gr2m
96
14k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
660
Visualization
eitanlees
152
17k
Facilitating Awesome Meetings
lara
57
7.1k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
30 Presentation Tips
portentint
PRO
1
380
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
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非対応→知ったことではない • シークを呼び出す条件とかバッファリングとか→なんとかします!
ご清聴ありがとうございます