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

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

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

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

もっと見る

List

  • 2014/09/08

Cinematico - 動画をアピールしたい人のためのCMS

Webサイトを作る目的は人それぞれです。写真家であれば自分のポートフォリオサイトを作りたいと思うでしょう。さらにインターネットと言う点で考えれば、静的な写真だけでなく動画も十分ポートフォリオとしての役割を果たしてくれます。そこで使ってみたいのがCinematicoです。YouTube/Vimeoを使って動画を並べたWe...

List

  • 2014/08/18

PaView.js - 体験必須!360度視点を変更できる動画プレーヤ

Googleストリートビューあたりからマウスで視点を変更できるサービスが増えてきたように思います。そしてさらにスマートフォンでパノラマ写真が撮れるようになり、単にフルスクリーン表示するだけではない写真コンテンツが増えています。そこにきてさらに360度視野を実現する動画コンテンツが出てきました。そのためのビューワーがPa...

List

  • 2014/07/14

Gifffer - アニメーションGIFを動画のように再生、停止

TwitterがアニメーションGIFをサポート開始しました(実際には動画に変換しているようですが)。無音で繰り返し表示されるアニメーションGIFは動画とはまた違う趣で面白さがあります。そんなアニメーションGIFがさらに広がっていく中、使ってみたいのがGiffferです。アニメーションGIFがまるで動画のように再生、停止...

List

  • 2014/06/22

WWDCDownloader – WWDCのセッション動画を全てダウンロード

ハードウェアこそリリースされなかったものの、これまでにないくらい大きな発表があったWWDC。そのセッションは全て動画で公開されていますので自由に閲覧できます。気になるテーマはあるでしょうか。ダウンロードすればオフラインでも見られますが、一つ一つのセッション動画をダウンロードするのが面倒という方はWWDCDownload...

List

  • 2014/06/12

yaffmi – シンプルで機能十分なWindows用FFMPEGフロントエンド

Mac OSXやLinuxであれば動画の変換はFFMPEGを使ったりして簡単にできますが、WindowsであればやはりGUIがあって変換を行いたいと思うのではないでしょうか。しかし使い勝手の良いソフトウェアはあまり多くありません。そこで紹介したいのがyaffmiです。yaffmi単体で動画フォーマットの変換が簡単にでき...

List

  • 2014/01/04

FitVids.JS – 動画をレスポンシブに対応させるライブラリ

レスポンシブなWebデザインを考える時に若干面倒なのが動画の埋め込みです。YouTubeやVimeoでは動画を埋め込むためのiframeタグを配布していますが、これがwidth/height固定でレスポンシブでなかったりします。解決策としてはスタイルシート指定もあるのですが、単純にwidth指定では横長で左右の黒い部分...

List

  • 2013/11/29

videoconverter.js - なんてこった!Web上で動作するFFMPEG

Emscriptenの限界が見えない…。JavaScriptを使ってどこまでのことをやらせるのか、そんな限界に日々挑戦している人たちがいます。その際に注目したいのがEmscriptenではないでしょうか。既存のソフトウェアをJavaScriptに変換することで無茶と思えるような行為が平然と行われています。今回は動画の変...

List

  • 2013/11/13

Frame Player - スマートフォンでもインライン再生ができる動画プレーヤ

動画というと語弊がありますが面白いソリューションだと思います。HTML5ではvideoタグが使えますので、Webブラウザ上で動画を流すのがとても簡単になりました。しかし動画の表示制御はブラウザ任せになっている部分が多いかと思います。例えばスマートフォンの場合、動画はインラインではなく画面全体に広がって流れてしまいます。...

List

  • 2013/10/25

カスタマイズ可能なiOS用動画プレーヤ「ALMoviePlayerController」

ALMoviePlayerControllerはiOS用のオープンソース・ソフトウェア(MIT License)です。iOSでは元々多数のコントローラが提供されていますが、それをそのまま使っても面白いアプリが出来上がる訳ではありません。ちょっとしたカスタマイズが魅力を増幅します。今回はMPMoviePlayerCont...

List

  • 2013/07/17

YouTubeをメディアセンター化「Echoes」

Echoesはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。YouTubeでは動画を見る他にもミュージックビデオを流し続けて楽しむ事もできます。そんな楽しみ方を手軽に実現してくれるのがEchoesです。まずYouTubeのHTML5トライアルを有効にする必要があります。設...

List

  • 2013/06/22

動画をnode.jsを使ってリアルタイムイフェクト「Seriously.js」

Seriously.jsはnode.js/JavaScript製のオープンソース・ソフトウェア(MIT License)です。MozillaではWebの最新の技術を使ってどんなことができるのか、その最先端の体験をソフトウェアでさせてくれます。今回は動画を使ったSeriously.jsを紹介します。一件何の変哲もない動画...

None

  • Premium_s 2013/06/04

業務で使えるオープンソース(82)「動画」

今回のテーマは動画です。個人向けの動画プレーヤ、動画ダウンローダーではなく、サービス系の動画作成や動画配信に注目してソフトウェアをまとめてご紹介します。

List

  • 2013/05/09

Vineの動画を並べて楽しもう「Vino」

VinoはVineの動画をタイル上に並べて楽しむソフトウェアです。Vineは飽和しつつあった動画共有において新しい新境地を切り開きました。僅か数秒、デフォルトで音声なしというカジュアルな動画がどんどん投稿されています。そんなVineの動画をまとめて表示するのがVinoです。アクセスするといきなりVineの動画がタイル上...

List

  • 2013/03/13

WebM動画をストリーミング配信「stream.m」

stream.mはHTML5対応のWebM動画ストリーミング配信サーバです。MPEG陣営に押されてなかなか普及しないWebMですが、オープンなフォーマットであって自由に使えるのは魅力です。そこで今回はWebM動画を使ってストリーミング配信を行うstream.mを紹介します。こんな感じでWebM動画をstream.mに転...

List

  • 2013/02/12

面白い!動画を編集した上でアニメーションGIFに変換「rokuga」

rokugaは動画を読み込んでアニメーションGIFに変換するソフトウェアです。VineはアニメーションGIFのような動画を撮影、共有できるのが特徴ですが同じように動画からアニメーションGIFを作れるのがrokugaです。動画をドロップします。動画解析中。解析されました。フレーム単位で下に画像が表示されています。ランダム...

List

  • 2012/10/19

webRTCの使い方をコードから学ぶ「webRTC.io」

webRTC.ioはwebRTCのデモソフトウェアで、動画/テキストチャットを行います。HTML5のリアルタイム通信を行うAPIはWebSocketとwebRTCがあります。今回はwebRTCを使った動画チャットソフトウェアのwebRTC.ioを紹介します。最初にアクセスを求める要求があります。Webカメラにアクセスし...

List

  • 2012/10/06

任意の動画ファイルをApple TVで再生「AirPlayer」

AirPlayerは任意のローカル、オンラインの動画をApple TVで再生できるようにするソフトウェアです。ローカルのPCに入っている動画をApple TVを使ってリビングで見たい、そんな時に使ってみて欲しいのがAirPlayerです。こんな感じでファイルを指定するだけで使えます。ローカルにある動画はもちろん、インタ...

42582?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f09%2fscreenshot-2012-09-06-14.34.42_thumb1

  • 2012/09/15

動画の一部をリアルタイムに透明に「jQuery seeThru」

jQuery seeThruは動画にリアルタイムにアルファチャンネルを当てはめて動画を透明にするライブラリです。HTML5によって動画をJavaScriptから扱いやすくなったこともあって、videoタグやCanvasタグを使った面白い試みが増えています。今回は動画の一部に透明度を持たせるjQuery seeThruを...

42125?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fscreenshot-2012-08-22-11.05.08_thumb

  • 2012/09/04

迫力満点。Webサイトの背景全部を動画に「BigVideo.js」

BigVideo.jsはWebサイトの背景に動画を利用し、そのまま再生できるソフトウェアです。Webサイトの背景は単色、もしくは適度なパターン画像を使うのが一般的です。しかしそんな考えに捉われないソフトウェアがBigVideo.jsです。何と動画をバックグラウンドに指定し、そのまま再生してしまう驚きのソフトウェアです。...

42115?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2f3dsearch3_thumb1

  • 2012/09/03

YouTube動画を任意の動画プレーヤーでストリーム再生「SVPtube」

SVPtubeはYouTube動画を任意のデスクトップの動画プレーヤーで再生できるソフトウェアです。YouTubeの動画はとても人気の高いコンテンツです。そんな動画を見るのにWebブラウザを使いたくないと思っている方はSVPtubeを使ってみましょう。任意の動画プレーヤーで動画を再生できます。タスクトレイに常駐します。...