ITエンジニア/デザイナ向けにオープンソースを毎日紹介

メディア - 動画の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2019/10/21

ASS.js - 動画に字幕を表示

英語や中国語など、他言語で流れる動画には字幕が欲しいものでしょう。YouTubeやNetflixなど動画配信サイトでは字幕の表示、非表示を切り替えられます。あんな機能が欲しいと思ったことはないでしょうか。今回紹介するASS.jsはHTML5のvideoタグに対してASSフォーマットの字幕を表示できるライブラリです。##...

List

  • 2019/10/06

STREAMA - 自分で立てるストリーミング動画配信サーバ

動画配信サービスがたくさん出てきました。NetflixやAmazonのような大手から、Disney+やDplay、DAZNのような特定ジャンルに特化した配信サービスもあります。日々動画を見ている人も多いでしょう。しかし開発者としては見ているだけでは面白くありません。配信側になりたいという方はSTREAMAを見てみましょ...

List

  • 2019/09/15

SponsorBlock - YouTube動画のスポンサー部分をスキップ

YouTubeは無料サービスなので広告を使って収益をあげるのは分からないでもありません。しかし、動画の中に埋め込まれる宣伝部分に嫌気を感じる方も少なくありません。そこで使ってみたいのがSponsorBlockです。時間指定して動画をスキップする、そんなWebブラウザ機能拡張です。## SponsorBlockの使い方イ...

List

  • 2019/09/10

Mesh-Flow-Video-Stabilization - 動画の手ぶれを補正

動画をスマートフォンなどで撮影していて、いざ撮影した動画を見ると手ぶれが酷くて観られたものじゃない、なんて経験はないでしょうか。手ぶれ補正を持ったビデオカメラはありますが、スマートフォンでは殆どありません。そこで使ってみたいのがMesh-Flow-Video-Stabilizationです。任意の動画のブレを補正してく...

List

  • 2019/08/31

Streamlink - ストリーミング動画を任意の動画プレイヤーで再生

動画をストリーミングで配信しているサイトは多数あります。その場合、Webブラウザで見ることが多いのですが、そうするとWebブラウザの再起動もできずに不便な経験をしたことがあるでしょう。そこで使ってみたいのがStreamlinkです。ストリーミングのURLを取得し、VLCなどで再生できます。## Streamlinkの使...

List

  • 2019/08/20

Udeler - Udemyの動画ダウンローダー

オンラインで学べるコンテンツが多彩に用意されているUdemy。Udemyを使って学んでいるという人も多いのではないでしょうか。コースは購入しますが、学習はオフラインでじっくり行いたいと言う人もいるのではないでしょうか。そんな方にお勧めなのがUdelerです。Udemy専用のダウンロードソフトウェアです。## Udele...

List

  • 2019/07/26

Video Downloader - 110の動画サイトに対応したダウンローダー

動画共有サイトは星の数ほど(そんなではないですが)存在します。そして、それらの動画は永遠ではなく、突如として削除されてしまいます。削除された後になって、取っておけば良かった…といっても後の祭りです。そこで使ってみたいのがVideo Downloaderです。多数の動画サイトに対応した動画ダウンローダーです。## Vid...

List

  • 2019/05/14

OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー

HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介しま...

List

  • 2019/05/05

YouTube Live Chat Flow - YouTube Liveのチャットをニコニコ動画風に表示

YouTube Liveにはチャット機能があります。動画を見ながら世界中にいる人たちと会話が楽しめる機能ですが、動画の右側に表示される方式はUstream時代から進化していない、オールドスタイルなものです。今回紹介するYouTube Live Chat Flowはチャットの表示を動画の上に重ねる、いわゆるニコニコ動画や...

List

  • 2019/04/06

Conferences.digital - Swiftカンファレンス動画を堪能しよう!

今この瞬間も世界中で様々なカンファレンスが行われています。行ってみたいと思いつつも仕事やお金の都合で参加できないものもあるでしょう。そうした多くのカンファレンスが後日、動画でセッションを公開しています。Conferences.digitalはSwift系カンファレンスに特化して動画を閲覧できるソフトウェアです。## C...

List

  • 2019/02/22

jeelizGlanceTracker - 顔を認識して動画の再生/停止

YouTubeなどの動画を見ていて、人に呼ばれて離席している間に良い場面が過ぎてしまったなんて経験ないでしょうか。シークを戻せば良いですが、面倒ですよね。自分がいない時には自動的に再生が止まってくれると便利そうです。そこで使ってみたいのがjeelizGlanceTrackerです。顔を認識し、動画の再生や停止に利用する...

List

  • 2019/02/07

indigo-player - 高い拡張性を誇る動画プレイヤー

videoタグの登場によってWeb上でも動画が再生できるようになりました。しかし機能的には実に簡素で、ただ再生する以上の機能がありません。大抵は別途ライブラリを用意して、そのライブラリ経由でvideoタグを使うでしょう。今回紹介するindigo-playerもそんな動画プレイヤーの一つです。扱える動画が多いのが特徴です...

List

  • 2019/02/04

webm-wasm - WebAssemblyでWebM動画を生成

WebAssemblyはネイティブレベルの速度で実行されます。そのため、ローカルのファイルを扱えないという欠点こそあれ、ローカルアプリで行っていた多くの処理がWebブラウザ上で実現できるようになります。今回はそんな例の一つとして、Webブラウザ上でWebM動画を生成するwebm-wasmを紹介します。## webm-w...

List

  • 2019/01/27

Record iOS Simulator - iOSシミュレータの画面を録画

iOSシミュレータの操作を録画したいと思ったことはないでしょうか。そのためのソフトウェアを用意するのは面倒ですし、QuickTimeでiOSシミュレータの部分だけを録画範囲として実行するのが通常です。もちろんこれは録画範囲の指定が大変です。そこで使ってみたいのがRecord iOS Simulatorです。コマンドライ...

List

  • 2019/01/16

GIF Brewery - 動画やデスクトップ操作を記録してアニメーションGIFを作成

アニメーションGIFの需要が高まっています。動画だと面白くない部分まで再生されますが、アニメーションGIFは短く、ハイライト部分だけを繰り返し再生します。無音なのも想像力がかき立てられるので面白いです。そんなアニメーションGIFを作る方法はいくつかありますが、今回は様々な機能を備えたGIF Breweryを紹介します。...

List

  • 2019/01/14

rrweb.io - Webサイトの操作を記録&再生

Webサイトでユーザがどんな操作を行ったのかを解析することによって次の改善策が生まれることがあります。また、ゲームプレイのように後で見返したり、リプレイしてみたいケースもあります。録画しておくことで後で振り返れるようになります。任意のWebサイトにおいてセッションを記録できるライブラリがrrweb.ioになります。##...

List

  • 2018/12/31

livedl - ニコ生/ツイキャス/YouTube Liveに対応したライブストリーミングダウンローダー

ライブ配信用サービスが増えていますが、その結果として自分が見たいものが全部は見られないという状態になっています。そこで需要が出るのが録画ツールです。オフライン視聴できれば良いですが、そもそもサポートされていなかったり、配信側で制限してしまうこともあるでしょう。livedlはそんな悩める方にぴったりなソフトウェアです。ラ...

List

  • 2018/11/01

Scene Change Detection - 動画のシーン変更を検知

動画は音楽などと違って常に見ていないといけないので、そもそも見るのが面倒と感じてしまいます。DVDのようにシーンがまとまっていれば、気になるところから見ることができるでしょう。それができないので手作業で探したり、倍速モードなどを使うことになります。今回はScene Change Detectionを紹介します。動画のシ...

List

  • 2018/10/19

video-to-gif-osx - 動画を簡単にアニメーションGIFへ変換

動画をアニメーションGIFに変換するソフトウェアは幾つかあります。ソフトウェアのインストールが面倒であればWebサービスを使うこともできるでしょう。細かな設定を行うならば確かにそういったソフトウェアを使うのが便利です。しかし、単に動画ファイルをそのままアニメーションGIFにできればいいというだけであれば、video-t...

List

  • 2018/10/19

HTML5 Speedy Video Extension - 動画の速度を自由に変更

動画配信サイトの多くがHTML5化しています。これまでのFlashではユーザが操作できることは殆どなく、公式に提供されるものをそのまま使うほかありませんでした。しかしvideoタグであれば話は別です。今回紹介するHTML5 Speedy Video Extensionは動画の速度を変更できるブラウザ機能拡張です。## ...