この発想はすごい！アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。 canvasに書き込むという発想がすごいですね。 通常アニメーションgifは自動再生されますが、このスクリプトを使用すると、ユーザーの操作をトリガーに再生・停止させることができます。 Freezeframe.js -GitHub Freezeframe.jsの特徴 Freezeframe.jsのデモ Freezeframe.jsの使い方 Freezeframe.jsの特徴 Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。 下記は、ホバーで
howler.js - JavaScriptで音声/音楽ファイルを操作 MOONGIFT
HTML5になって音楽ファイルを扱うのが容易になりました。audioタグによって再生や停止をしたり、WebAudio APIでより細かく音声や音楽ファイルを操作できるようになります。しかし、まだまだそれほど活用事例が多くありません。 今回紹介するhowler.jsはJavaScriptベースのオーディオライブラリです。Web上で音を操作するのが簡単になるでしょう。 howler.jsの使い方 音楽プレイヤーの例です。プレイリストにも対応しており、音楽ファイルを再生できます。 ラジオ。つまりストリーミングでの再生です。 オーディオの分割もできます。 howler.jsはMP3以外にもMPEG/OPUS/OGG/OGA/WAV/AAC/CAF/M4A/MP4/WEBA/WEBM/DOLBY/FLACと幅広いフォーマットが扱えます。さらに自動キャッシングによってパフォーマンスやネットワーク帯域を
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
APlayer - 歌詞表示に対応したHTML5音楽プレイヤー
ついにFlashが歴史の幕を閉じようとしています（Flash Playerはまだ残っていますが）。つまりこれまでWeb上で使われきたメディアがHTML5によって扱われるようになるのです。 対応しているからといって、単純に動画、音声ファイルをリンクするだけでは誰も再生しません。やはり見栄えのいい再生プレイヤーがあってこそでしょう。今回は音楽プレイヤー、APlayerを紹介します。 APlayerの使い方 デモです。歌詞を表示する機能があります。 歌詞が動いているデモです。 ワイドスタイル。歌詞が表示されない感じで、再生場所が分かります。 そして小型版。こちらはアイコンだけです。 音楽だけであれば小型版、ワイドスタイルが良さそうです。歌があれば歌詞付きが格好いいでしょう。 APlayerはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 APla
10 Useful jQuery Video & Audio Players
10 Useful jQuery Video & Audio Players Using a custom skinned jQuery audio/video player in your website is often more aesthetically pleasing then simply embedding a video from a third party website on your website. Being able to use a custom designed jQuery player also enables you to pair the design with your branding and design. Within the new WordPress 3.6 there is also native support for audio
Learn More - JW Player
#1 video platform for companies whose business relies on video. Learn how to deliver reliable and beautiful video experiences with all the tools, workflows, and analytics you need to make your business thrive. VIDEO PLATFORM Custom Pricing All the tools, workflows and analytics needed to build, run, and grow your video-driven business. Contact Sales
11 Efficient HTML5 Video Players - blueblots.com
HTML5 became the new standard for showing videos online when Steve Jobs ( CEO of Apple Inc. ) concludes in his public letter entitled “Thoughts on Flash”that with the development of HTML5, Adobe Flash is no longer necessary to watch video or consume any kind of web content. The video element or video player is the most talked about and notable features of HTML5 because with it, you can embed video
Flash Video Player - Jaris FLV Player
Jaris is a flash video and audio player developed in haxe that can be used freely. It's open source and has the most important basic features found in other commercial players. Give it a try! Features Aspect ratio switcher Fullscreen support H.264 playback support Http pseudostreaming support RTMP streaming support Youtube player api support Poster image Use your own logo with link Hide controls o
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメーションGifの自動再生を制御する軽量スクリプト・「Gifffer」