Clappr - 機能拡張できるWeb用動画プレイヤー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 動画コンテンツが一気に広がっています。スマートフォンやアクションカメラ、360度動画など様々な撮影デバイスも登場しており、今後もますます利用が広がっていくことでしょう。そんな動画コンテンツで必要なのがプレイヤーです。 今回紹介するClapprは機能拡張がサポートされた動画プレイヤーになります。 Clapprの使い方 使い方は簡単で、JavaScriptで動画やサイズを指定するだけです。デフォルトでは音量、最大化、シークなどがサポートされています。 再生中です。 Clapprの特徴はなんと言っても機能拡張です。シークバーにサムネイルやコメントを表示したり、360度動画、Chromecastサポート、スピード変更などもプラグインによって実現できます。カスタマイズ必須な際にはClappr
SuperEmbed.js - 動画埋め込みの幅を可変に MOONGIFT
YouTubeやVineなどの動画サイトはとても良いコンテンツで、ブログやWebサイトに埋め込んでいる人は多いかと思います。しかし厄介な問題として、単純に埋め込むとレスポンシブなWebサイトの幅変更に追従できないという問題があります。 それを解決してくれるのがSuperEmbed.jsです。モバイルからデスクトップまで、一つの埋め込みコードで対応できるようになります。 SuperEmbed.jsの使い方 使い方はとても簡単で、ただJavaScriptを読み込むだけです。 <script src="superembed.min.js"></script> これだけでYouTube、Vimeo、Vime、VideoPress、DailyMotionなど（他にも）の動画を自動的に可変にしてくれます。 SuperEmbed.jsはIE9以上で使えます。jQueryなどの依存ライブラリはありませんの
Able Player - 多機能でリッチなUIの動画/音楽プレーヤー MOONGIFT
HTML5からvideo/audioタグが追加されました。しかしこれでFlash並の再生、表現ができると思ってはいけません。基本的な機能はとても貧弱なので、使いやすくするためには大幅なカスタマイズが必要です。 今回紹介するAble Playerは、HTML5のオーディオ/動画プレイヤーです。多彩な機能が追加されています。 Able Playerの使い方 まず基本的な音楽再生機能です。再生速度を変更できます。 設定です。 字幕機能です。 現在再生されている部分が黄色くハイライト表示されます。 プレイリストによる連続再生機能。 YouTubeの動画を使うこともできます。 YouTube風に指定場所から再生する機能もあります。 キャプチャ機能もあります。 Able Playerは高機能な音楽/動画プレーヤーで、多くの機能を有しています。実際の利用時にはこの中から自分たちのサービスに合わせて機能を
Rec - Eletron製のスクリーンキャスト
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ソフトウェアを紹介する際にデスクトップの操作を記録することは多々あります。最近はアニメーションGIFをよく使うのですが、YouTubeにアップロードする場合は動画で録画する方が良いでしょう。 今回紹介するオープンソース・ソフトウェアはRec、Electron製のデスクトップレコーダーです。 Recの使い方 Recを実行したところです。ウィンドウごとに録画を行うようになっています。 録画した動画を保存します。形式はWebMです。 撮影した動画です。アニメーションGIF化しているのでぎこちないですが、実際にはスムーズです。 RecはCanvasタグを使ってウィンドウのスクリーンショットを撮り続け、それをWebMとして出力しています。JavaScriptで行っているようです。かなり強引に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
