OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー
HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。 そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介します。 OpenPlayerJSの使い方 利用例です。ツールはしばらく経つと非表示になります。 動画の速度を変更できます。 音楽だけの再生もできます。こちらもスピード変更が可能です。 OpenPlayerJSは動画再生前の広告再生にも対応しています。字幕表示などの機能はありません。YouTubeなどに比べるとシンプルですが、多くの場合これで十分でしょう。音楽のスピード変更機能は嬉しい人が多そうです。 OpenPlayerJSはTypeScript製のオープンソース・ソフトウェ
個人でWebアプリを開発する時に便利な高機能JavaScriptライブラリ6選！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービス作りなどで便利に使える高機能なJavaScriptライブラリを厳選してご紹介してみようと思います。 ライブラリ単体でそのままWebアプリとしてリリースできそうなレベルのものから、ちょっとした機能を追加できるものまでピックアップしてみたのでご興味がある方はぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 オーディオファイルを柔軟に制御できるライブラリ！ 【 howler.js 】 MP3 / WAV / AAC / OGG…など多彩なコーデックに対応しているうえ、オーディオスプライトによる制御も可能なライブラリが「howler.js」です。 音楽プレイヤーはもちろん、オーディオ制作アプリやゲー
Howler.js＋audioSpriteで「BGMのON/OFF切り替え」「BGM切り替え 」「 イコライザーアニメーション」をつくってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのはっちゃんです。 最近はブラウザでさまざまなことが再現できるようになりました。たとえば、WebサイトにBGMを入れたくなるときってありますよね？ その場合は、当然サウンドのON/OFFの切り替え機能を作ってユーザーに配慮することが必要になります。 しかし、弊社には「期待を超えろ」というスローガンがあります。そのまま作ることは会社的にも個人的にもプライドが許しません。 そこで今回は、単なるサウンドのオン・オフ切り替え機能にとどまらず、それをさらにパワーアップさせた「サウンド ON/OFF + BGM切り替え + イコライザーアニメーション」を作ってみようと思います。 準備するもの BGMのコントールに重宝するHowler.js Howler.jsはさまざまな音楽ファイルのフォーマットを扱うことができ、再生のON/OFF、ストップ、ミュートなどを簡単に実装
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と幅広いフォーマットが扱えます。さらに自動キャッシングによってパフォーマンスやネットワーク帯域を
プログレスバーの実装もこれなら簡単！複数ファイルにも対応した超軽量JavaScriptライブラリ -preload-it | コリス
動画ファイル、音楽ファイル、画像ファイルなど、大容量のファイルを使用したコンテンツでは、プログレスバーがあると非常に便利です。さまざまなタイプのファイルをプリロードするための超軽量（1kb）JavaScriptライブラリを紹介します。 異なるタイプの複数ファイルを平行にロードする際もサポートした優れ物です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のaudioで.mp3の音を鳴らす | nanalab *ナナラボ
