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

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

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

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

もっと見る

51925?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2017%2f03%2fopen-source-frame+player-3.e52945e92d3ab47666a373fcf0a7d2c7

  • 2017/04/06

Frame Player - 画像を使った動画風プレイヤー

Web上で再生できる動画と言えばMPEG4やWebM、さらにアニメーションGIFがあげられます。基本的に流れている動画はそのまま使われ、制御できるのは再生や音量くらいとなっています。もっと細かく制御できる動画(のようなもの)を使いたい時にはFrame Playerを使うというテクニックがあります。## Frame Pl...

List

  • 2017/03/28

Clappr - 機能拡張できるWeb用動画プレイヤー

動画コンテンツが一気に広がっています。スマートフォンやアクションカメラ、360度動画など様々な撮影デバイスも登場しており、今後もますます利用が広がっていくことでしょう。そんな動画コンテンツで必要なのがプレイヤーです。今回紹介するClapprは機能拡張がサポートされた動画プレイヤーになります。## Clapprの使い方使...

List

  • 2017/03/05

Caption - 字幕を簡単に検索&ダウンロード

海外の映画などで字幕がないと分かりづらいと感じることはあるでしょう。そのためのWebサイトはとても数多く存在しますが、検索が面倒だったりダウンロードするのにユーザ登録が必要なんてケースもあります。そこで使ってみたいのがCaptionです。とても簡単に字幕の検索、ダウンロードができるソフトウェアです。## Caption...

List

  • 2017/02/17

mediacenterjs - Webベースのメディアセンター

使ってみると意外と便利なのがメディアセンターです。ローカルやネットワーク内にある動画、音楽ファイルなどを一箇所で管理でき、スマートフォンなどから操作して音楽や映画を楽しめるようになります。そんなメディアセンターをWebベースで提供するのがmediacenterjsです。## mediacenterjsの使い方セットアッ...

List

  • 2017/02/06

screengif - 動画をアニメーションGIFに変換するコマンド

MOONGIFTでソフトウェア紹介をする際に、なるべくアニメーションGIFを使っています。デスクトップであればLICEcapのように操作をアニメーションGIFとして記録するソフトウェアがあるのですが、iOSなどの場合は操作を動画で記録した後、アニメーションGIFに変換する必要があります。その際、アニメーションGIFへの...

List

  • 2017/01/21

IINA - 多機能な動画プレイヤー

スマートフォンで手軽に動画が撮れるようになったり、YouTubeやVimeoなどの動画共有サイトが増えるのに合わせて動画が爆発的に増えています。PCの中を見ても、多くの動画が眠っているのではないでしょうか。そんな動画を自分好みのスタイルで楽しめる動画プレイヤーがIINAです。## IINAの使い方IINAのメイン画面で...

List

  • 2016/12/31

qlMoviePreview - QuickLookで動画の情報を表示

macOSの便利機能の一つ、QuickLook。スペースキー一つでファイルの内容が見られるのが便利です。動画の場合、再生を開始するのですが、これは好き嫌いが分かれるかも知れません。多くの場合、このまま再生するのではなく動画プレーヤーで再生するでしょう。そこで使ってみたいのがqlMoviePreviewです。動画再生では...

List

  • 2016/12/03

lossless-cut - 動画をロスレスでカット、トリミング

多くのバイナリデータはコンピュータ上で処理をするたびに変化します。例えばJPEGは不可逆な圧縮がかかり、単純な保存を数千回繰り返すだけで色彩が変わったりします。今回紹介するlossless-cutは動画のトリミングをロスレスで行えるソフトウェアです。## lossless-cutの使い方lossless-cutのメイン...

List

  • 2016/10/30

gifcurry - 動画にテキストを追加してアニメーションGIF化

アニメーションGIFは根強い人気があります。単純に動画を変換しただけのものもありますが、そこに文字を載せるとさらに面白くなります。しかし動画を編集するのは面倒ですし、アニメーションGIFを加工するのはもっと大変です。そこで使ってみたいのがgifcurryです。動画からアニメーションGIFへの変換、文字の追加を一気にやっ...

List

  • 2016/10/23

PiPifier - 任意のHTML5 videoタグをピクチャ・イン・ピクチャ対応に

iPadで動画アプリを見ながら文章を書いたり、Webサイトをチェックする際に便利なのがピクチャ・イン・ピクチャです。macOS Sierraでは機能はあるのですが、Sarariでは未対応です。多くの動画はWebサイト上にあるのに勿体ないことです。そこで使ってみたいのがPiPifierです。任意のHTML5のvideoを...

List

  • 2016/10/20

SrtViewer - 動画に重ねられる字幕ファイルビューワー

YouTubeなどの動画サイトでは字幕を表示する機能がありますが、動画によっては登録されていないものがあります。しかしインターネット上には有志が作った字幕ファイルがアップロードされています。そんな時にはSrtViewerを使ってみましょう。オープンソースの字幕ファイル(srtファイル)ビューワーです。## SrtVie...

List

  • 2016/10/19

PiPTool.safariextension - YouTube動画をピクチャ・イン・ピクチャで楽しむ

macOS Sierraの新しい機能にPiP(ピクチャ・イン・ピクチャ)があります。動画を再生するアプリなどで動画再生部分をアプリから切り離して画面の最前面に表示し続けられる機能です。iPadで便利に使っている人も多いでしょう。そんなPiPですが、Safariでは対応していません。それを対応させてくれるSafari機能...

List

  • 2016/10/14

CameraFilter - カメラの映像にリアルタイムフィルタ

最近カメラの映像をリアルタイムに変化させるタイプのアプリが流行っています。昔であれば画像を加工するのが精一杯だったのがスマートフォンのハードウェアスペックが向上したことでリアルタイムな解析と変化が実現できています。今回紹介するCameraFilterもその一つですが、多くのフィルタを実現したAndroidアプリとなって...

Missing

  • 2016/10/10

Laphs - Tumblr製。WebでLive Photoをサポート

iOSの新機能であるLive Photoは多くのサービスに影響を与えました。Tumblrもその一つです。Tumblr for iOSでは2015年12月からサポートされていましたが、Webブラウザでは長らく対応していませんでした。それがついに対応しました。その機能はLaphs(Tumblr製)を使って実現されています。...

List

  • 2016/09/24

SuperEmbed.js - 動画埋め込みの幅を可変に

YouTubeやVineなどの動画サイトはとても良いコンテンツで、ブログやWebサイトに埋め込んでいる人は多いかと思います。しかし厄介な問題として、単純に埋め込むとレスポンシブなWebサイトの幅変更に追従できないという問題があります。それを解決してくれるのがSuperEmbed.jsです。モバイルからデスクトップまで、...

List

  • 2016/09/14

lightgallery.js - フル機能が揃った写真/動画ギャラリー

写真や動画はコンテンツの質はもちろんのことながら、その見せ方も大事になります。ただ一覧に貼り付けるだけでは魅力に欠けるでしょう。そのためのギャラリーソフトウェアも幾つか存在します。今回は写真と動画コンテンツに対応したギャラリーライブラリ、lightgallery.jsを紹介します。## lightgallery.jsの...

List

  • 2016/09/09

Whitewater Mobile Video - iPhoneでも動画をインラインで再生

iPhoneを使ってサイト内で動画を再生しようとすると背景が真っ黒になって動画だけの再生モードになります。動画だけを見せたい場合はこれでもいいですが、一緒にテキストを見せたい時などには不便な表示です。そこで使ってみたいのがWhitewater Mobile Videoです。音声は出ませんが、動画のインラインでの再生を可...

List

  • 2016/09/01

audio2video - 音楽ファイルを動画に変換

自分の音楽をもっと聴いてもらいたいと思った時にも動画共有サイトが利用できます。しかしYouTubeなどはMP3ファイルをアップロードできないので、MPEG4などに変換する必要があります。そんな時、動画部分は画像でも何でも良いですが用意しなければなりません。そこで使ってみたいのがaudio2videoです。音楽ファイルを...

List

  • 2016/08/08

DPlayer - ニコニコ動画風弾幕動画プレーヤー

ニコニコ動画で一気に広まったのが動画の上にコメントを載せて表示するシステムです。コメントが多すぎると肝心の動画が見えなくなりますが、盛り上がっている中に自分もいるという動画を見るだけでない楽しみ方も生まれています。そんなコメントシステム(弾幕コメント)をHTML5の動画プレイヤーとして再現するのがDPlayerになりま...

List

  • 2016/07/25

mobile-videoplayer - iOSでも自動再生できる動画プレイヤー

スマートフォン(特にiOS)は動画を自動再生してくれないという問題があります。また、動画再生時はフルスクリーンになってしまったり、JavaScriptから操作できないといった問題もあります。それらを解決してくれるかも知れないのがmobile-videoplayerです。音は出ないですが、上記問題は解決できます。## m...