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

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

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

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

もっと見る

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は動画の速度を変更できるブラウザ機能拡張です。## ...

List

  • 2018/09/30

NewPipe - Android用の軽量なYouTubeプレイヤー

AndroidはOSがオープンソースということもあって、多くのオープンソースのアプリが存在します。中には公式と同じようなアプリながらも、工夫をこらして差別化するものもあります。今回紹介するNewPipeはYouTubeアプリです。公式とは違った雰囲気で、軽量が売りになっています。## NewPipeの使い方トップ画面で...

List

  • 2018/09/24

movie-thumbnailer - 動画からサムネイル画像を生成

長い動画を見るのは勇気がいります。時間を吸い取られてしまうかも知れません。あらかじめ、ざっと内容が分かると嬉しいのではないでしょうか。とは言え、そのために短い動画を作るのは大変です。そこで使ってみたいのがmovie-thumbnailerです。動画を切り出してサムネイル画像を生成します。## movie-thumbna...

List

  • 2018/07/11

electron-recorder - Electronアプリの画面を動画化

Electronを使えばWeb標準の技術でデスクトップアプリを開発できます。しかし、デスクトップのソフトウェアとしてどれくらいのことができるのか気になる人は多いでしょう。今回紹介するelectron-recorderはElectronでウィンドウのレコーディングを行うソフトウェアです。## electron-recor...

List

  • 2018/06/18

PeerTube - P2Pを使った分散化動画共有サービス

最近は分散化、非中央化の流れがあります。仮想通貨、ブロックチェーンであったり、Mastodonも分散化技術を特徴としています。分散化によって、ベンダーロックインも避けられ、多様性も生まれるでしょう。今回はYouTubeのような動画共有サイトを分散化技術で実現するPeerTubeを紹介します。## PeerTubeの使い...

List

  • 2018/06/04

livedl - ニコ生/ツイキャス/YouTube Live対応の録画ツール

一時の勢いこそ失われつつあるものの、ニコニコ生放送はまだまだ人気のサービスです。そして、同じようにライブ配信を行うサービスは多数出てきています。有名なところではYouTube Liveやツイキャスなどが知られています。そうしたライブ配信サービスの録画を行うソフトウェアがlivedlです。## livedlの使い方録画す...

List

  • 2018/05/25

Goffli - FFmpegをラッピングして使いやすく

動画やオーディオの変換プログラムとしてよく使われるのがFFmpegですが、高機能であるためにオプションが多数あり、使いこなすのは難しいです。決まりきった使い方であればもっと簡単に使いたいでしょう。そこで紹介したいのがGoffliです。FFmpegをラッピングして使いやすくしたソフトウェアです。## Goffliの使い方...

List

  • 2018/05/18

HLS Downloader - HTTPライブストリーミングをダウンロードするGoogle Chrome機能拡張

HTTPライブストリーミングはAppleが開発したストリーミングプロトコルで、HTTPの上に流れるので利用する敷居が低いのが魅力です。もちろんストリーミングなので途中から再生したり、バッファをためつつ再生もできます。そんなHTTPライブストリーミングは通常の方法ではダウンロードできませんが、HLS Downloader...

List

  • 2018/04/22

WAIT - あるシーンの画像からアニメを検索

日本では毎日たくさんのアニメが放映されています。あまりにも多くの種類があり、二期など続編もあるので、あるシーンだけ見て何のアニメか当てるのは非常に難しいでしょう。そこで使ってみたいのがWAITです。アニメの特定シーンを当てるのに特化した検索エンジンです。## WAITの使い方例えばこのワンシーンの画像。ちゃんと右側の検...

List

  • 2018/04/05

vimeo-download - Vimeoの動画をダウンロード

YouTubeは玉石混交な雰囲気がありますが、Vimeoは自分で作成したコンテンツに限ってアップロードできるので高品質でクリエイティブな作品が数多く集まっています。そんなVimeoの動画をダウンロードするツールがvimeo-downloadになります。## vimeo-downloadの使い方Vimeoで動画を再生する...

List

  • 2018/03/16

Video Speed Controller - 動画の再生速度を変更

HTML5になって動画の再生ができるようになっていますが、デフォルトの機能は多くありません。足りない機能はJavaScriptを駆使して実装する必要があります。しかし自分のサイトではできても、外部サービスではどうしたら良いでしょうか。そこで参考になるのがVideo Speed Controllerです。Google C...