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
300
StudioAquatan Introduction 2024
f0reacharr
0
22
StudioAquatan Introduction 2024
f0reacharr
0
56
ロボコンのすすめ
f0reacharr
0
73
How to survive campus life at KIT with MacBook
f0reacharr
0
180
Other Decks in Technology
See All in Technology
あなたの知らないPDFのアクセシビリティ
lycorptech_jp
PRO
0
190
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
yama3133
2
190
スキルと MCP ツール、責務をどう分けるか? AI が迷わないインターフェース設計の戦略
cdataj
1
1.1k
日本 Fintech 未来予測レポート 2027〜2028年(手動編集版)
8maki
0
2.3k
小さく始める AI 活用推進 ― 日経電子版 Web チームの事例/nikkei-tech-talk47
nikkei_engineer_recruiting
0
270
「エンジニア進化論」2028年の開発完全自動化、エンジニアはどう進化するか
cyberagentdevelopers
PRO
6
5.2k
手塩にかけりゃいいってもんじゃない
ming_ayami
0
580
MCP Appsを作ってみよう
iwamot
PRO
4
650
攻撃者視点で考えるDetection Engineering
cryptopeg
3
1.8k
AIエージェントが名古屋の猛暑からあなたを守る
happysamurai294
0
120
エンジニアリング戦略の作り方 / Crafting Engineering Strategy
iwashi86
21
6.9k
LLMにもCAP定理があるという話
harukasakihara
0
370
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
The Curious Case for Waylosing
cassininazir
1
390
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Fireside Chat
paigeccino
42
3.9k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
230
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
ラッコキーワード サービス紹介資料
rakko
1
3.6M
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
370
Docker and Python
trallard
47
3.9k
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非対応→知ったことではない • シークを呼び出す条件とかバッファリングとか→なんとかします!
ご清聴ありがとうございます