動画や字幕でWordPressコミュニティに貢献しよう！（Let’s contribute by videos and subtitles!） – WordCamp Osaka 2019 https://2019.osaka.wordcamp.org/session/lets-contribute-by-videos-and-subtitles/
View Slide
このセッションでは動画と字幕についてお話しします。In this session, Iʼm going to talk aboutvideos and subtitles.
はやし まさやMasaya Hayashi
SNS@haya2_Follow me!TwitterYouTubeMastodon
動画Videos
※以下、ドリキン(@drikin)さん動画のサムネイル画像を特別に許可をいただき使⽤させていただいております〜プロローグ〜動画の魅⼒
YouTuber?
おしゃれ？
Vlogger?
動画が⽇常になった世界がもうすぐ
動画で世界ともっと楽しくつながれる世界がもうすぐ
本題
114052019/12/6 1:10 時点Q. この数字は何？
WordPress.tv で公開されている動画の数A. こたえ
CC BY-SA 4.0
182019/12/07 11:45 時点Q. この数字は何？
⽇本で開催されたWordCampでWordPress.tvに動画がアップされているWordCampの数A. こたえ
これまでのWordCamp動画ʼ19 新潟 ⽻⽥ 東京 ⼤阪ʼ18 男⽊島 東京 ⼤阪ʼ17 東京 京都ʼ16 東京 関⻄ʼ15 東京 関⻄ʼ14 東京 関⻄ʼ13 東京 神⼾ʼ12 東京 ⼤阪ʼ11 福岡 東京 神⼾ʼ10 横浜 名古屋 福岡ʼ09 東京 京都ʼ08 東京
未公開セッション動画のデータお持ちの⽅と、セッション動画公開して欲しい⽅からの連絡お待ちしております！全WordCamp動画公開したい！
WordCampのセッション動画がWordPress.tvで公開されるまでHow to publish session videos to WordPress.tv
全体を⾒渡した計画・機材・配線、配置・撮影・編集、アップロード作業・公開
動画データ
動画データとの付き合い⽅初歩の初歩・データ保存メディア：SDカード・ファイルサイズ ・2GBの壁・ネットで共有 ・通信量制限・動画形式：H.264・ファイル形式（拡張⼦）： .mp4, .mov
WordPress.tv にアップできる動画の最⼤容量1GB
1GBに抑えるためのコツ・解像度：720pまで・ビットレート：2Mbps 程度
機材リストの例
カメラ
ビデオカメラ
マイク
その他・スイッチャー・スプリッタ・ビデオキャプチャーデバイス・GPU搭載PC
配置、配線図の例
動画を編集する⽅法How to edit videos.※2019年11⽉に私が調べた範囲での情報です
iMovie・できること・トリミング、動画の切り貼り・動画の回転・movファイル書き出し・動画の拡⼤・トランジション
iMovie・できないこと ・モザイク・ぼかし（すごくがんばればできる） ・⽚側のみの⾳声を左右両⽅で聞こえるように ・ビットレート設定
Edit WordCamp Videos Using iMovie
ビデオエディター・できること ・トリミング、動画の切り貼り ・動画の回転 ・mp4ファイル書き出し
ビデオエディター・できないこと ・モザイク（画⾯全体は可）・ぼかし ・動画の拡⼤ ・トランジション ・⽚側のみの⾳声を左右両⽅で聞こえるように ・ビットレート設定
より⾼度な編集が必要な場合・アプリ例 ・Premiere Pro （Adobe） ・DaVinci Resolve （Blackmagic Design）・できること ・モザイク・ぼかし ・⽚側のみの⾳声を左右両⽅で聞こえるように ・ビットレートを細かく設定
サブミット画⾯1
サブミット画⾯2
How to upload your WordCamp videos to WordPress.tv
情報共有シート
作業分担
少⼈数の例WordCamp実⾏委員モデレータ・動画ファイルとりまとめ・情報まとめ、シート作成・イントロ作成・動画編集・サブミット・モデレート・公開
⼤⼈数の例WordCamp実⾏委員モデレータ動画編集、サブミット係撮影した動画をクラウドにアップする係情報整理、シート作成係イントロ作成係・モデレート・公開
字幕Subtitles
英語動画→⽇本語字幕英語のセッションの内容が⽇本語でわかる様々な字幕の意義
英語動画→英語字幕英語のセッションの英語を⽂字で⾒れる様々な字幕の意義
⽇本語動画→⽇本語字幕⾳を出せない環境でも内容がわかる⾳声を聞くことが難しい⼈でも⾒れる様々な字幕の意義
⽇本語動画→英語字幕英語の勉強になる様々な字幕の意義
⽅法1：テキストエディタ⼀番素朴な⽅法。字幕データは、「タイミング」と「表⽰する⽂字」が書かれたテキストファイル。⽅法2：UDトーク使いこなすのはちょっと⼤変かも？使いこなせると、⾮常に効率的に作業できます。字幕ファイルの作成⽅法の例
コミュニケーション⽀援アプリUDトーク
1．書き起こししてくれるので、1から⼿作業より楽2．みんなで誤認識を直せる3．句点、読点が⼊る4．単語登録ができる5．タイミング情報が⼊るUDトークを使うメリット
データの流れ動画の⾳声 CSV SRTDFXP TTML WordPress.tvCSVConverterフォームより提出Amara拡張⼦変更
CSV形式
CSV Converter
SRT形式
Amara.org
DFXT形式 数値⽂字参照形式になっちゃってます・・
字幕サブミット(投稿)フォーム
How to add subtitles and translationsto WordPress.tv
モデレータとは？What is Moderator?
モデレータ画⾯
WordPress.tvチームAbout WordPress.tv team.
WordPressコミュニティ公式 Slack#wptv チャンネルで毎週⾦曜⽇の午前0時に開催中Weekly meetings
vs.YouTube
vs.1GB120 GBYouTube
圧倒的強さ!!YouTube
・⾼解像度の動画に対応・興味がありそうな動画を紹介してくれる・便利なショートカットキー ・数字の 0〜9・・・動画を最初〜90%の場所にジャンプ ・＞＜・・・再⽣速度アップ、ダウン ・J、L、←、→・・・進む、戻るYouTubeの優れた機能
とはいえひとつのクラウドサービスに依存するリスクもある…かも
場所はともかくとにかくもっと動画を盛り上げたい！
理想
作りたい流れたくさんの⼈が動画を⾒てくれる動画を公開するモチベーションがアップ！良質な動画がたくさん公開される
現実Real
残念な流れ動画を公開しても⾒てもらえない動画を公開するモチベーションがダウン動画の質低下公開時期遅延字幕つかない
どうすれば良い感じの流れ作れる？
WordPress.tv で世界と友達になろう！Twitter@wptvjp
A friend.
Many friends all over the world.友達募集中！！！
提案Proposals
⾃分が登壇したセッションの内容に英語字幕をつけませんか？Letʼs make subtitles for your session.
YouTubeのプレミア公開しませんか？Letʼs YouTube Premiere!
動画にフィードバックしましょう
WordSlack について
WordSlackの#wptvへ参加して⾃⼰紹介しよう！※ ○○@chat.wordpress.org のメールアドレスでのみユーザー登録可能Making WordPresswordpress.slack.com#wptvWordSlackwpja.slack.com#wptv
#wptv チャンネルが動画好きがどんどん集まってクリエイティブなコミュニケーションをする場になるといいな
動画が⽇常にWordPress.tv とは動画を公開する⽅法字幕をつける⽅法動画と字幕で世界と友達になろう！WordSlack の #wptv チャンネルまとめ
さいごに
Thank you for watching!@haya2_
haya4
tarappo
kadogen_0527
k1low
leekwangsoo1995
yuyakakizaki08
tsutaj
sasakitomohiro
yoshikieguchi
andpad
nabedge
forcia_dev_pr
hosimesi11
kastner
reverentgeek
chrislema
jonyablonski
dougneiner
speakerdeck
panda_program
malarkey
aarron
brettharned
tanoku