# O社やB社を使わないお手軽动画ストリーミング
---
# ストリーミングまでの流れ
## 分かる人?
---
## ストリーミングまでの流れ
ファイル
↓
編集
↓
トランスコード
↓
配信
↓
再生
---
## ストリーミングまでの流れ
ファイル
↓
**編集**
↓
トランスコード
↓
配信
↓
再生
---
# 代表的な编集ソフトといえば?
---
## ノンリニア編集ソフト
### プロ用
* Premiere - Adobe
* FinalCut - Apple
* MediaComposer - Avid
などなど
---
## ノンリニア編集ソフト
### 家庭用
* Movie Maker
* iMovie
などなど
---
# クラウド
---
# WeVideo
# Mixmoov
---
## WeVideo
* クラウドでの動画編集
* 一般ユーザー向け
* 各种クラウドサービスとの连携
---
# デモ
---
## ストリーミングまでの流れ
ファイル
↓
編集
↓
**トランスコード**
↓
配信
↓
再生
---
## プロ用
### ハードウェアエンコーダ
* StreamZ - Digital Rapids
* ProMedia Carbon - Harmonic
などなど
---
## プロ用
### ソフトウェアトランスコーダ
* Episode Pro - Telestream
* Sorenson Squeez(セミプロ)
などなど
---
## 個人用?OSS
### ソフトウェアトランスコーダ
* Handbrake
* ffmpeg
など
---
# クラウド
---
# ElasticTranscoder - AWS
# Zencoder - Brightcove
# MediaService - Azure
---
# デモ
## ETS & Zencoder
---
## フォーマット
* H.264
* H.265(HEVC)
などなど
---
## ストリーミングまでの流れ
ファイル
↓
編集
↓
トランスコード
↓
**配信**
↓
再生
---
## 配信方式
* Progressive Download
* RTMP(E)
* HDS
* HLS(e)
* Smooth Streaming
* DASH
---
## ストリーミングまでの流れ
ファイル
↓
編集
↓
トランスコード
↓
配信
↓
**再生**
---
# いまどきのプレイヤー?
---
# HTML5
---
# 対応端末?ブラウザ?
---
![fit](HTML5___CSS3_Web_Design.png)
---
# HLS
---
# 対応端末?ブラウザ?
---
![fit](HLS-_HTTP_Live_Streaming___The_State_of_HTML5_Video_Report___JW_Player.png)
---
## スマホ
* HTML5 - Videoタグ
- PD
- HLS
---
## PC
* Videoタグ
* Flash
* video.js
* osmf
* JWPlayer
---
# 作ってみました
---
# H.264 x HLS x PC
---
# デモ
---
# EOF