「code4fukui/M3U8」
JavaScript/ESモジュールでブラウザやDenoから簡単に扱えるライブラリとしました。
いろんなメディアをひとまとめにする準備ができました!
レッツ、メディアミックス!
「code4fukui/M3U8」
JavaScript/ESモジュールでブラウザやDenoから簡単に扱えるライブラリとしました。
いろんなメディアをひとまとめにする準備ができました!
レッツ、メディアミックス!
「石川県 FIND/47 写真スライドショー」
yurayura-photo-viewer拡張タグを使ったシンプルなウェブアプリです。まだ見ぬ日本への出会い、増やしましょう。サイネージでの表示などでご活用ください!
「FIND/47 都道府県別ダッシュボード」
都道府県別に写真登録数のランキングと合わせて、ダッシュボードアプリから辿れるようにしました。
現在の投稿写真数1位は兵庫県で224枚、最下位は石川県の8枚。随分と偏りがあります。我こそはという写真家の方、FIND/47へ、ぜひご投稿を!
「「夕富士(笛吹市) (山梨県) 」について詳しく見る | FIND/47」
山梨県、富士山の写真がきれい!
FIND/47掲載写真はすべて、クレジット表示で自由に使えるクリエイティブ・コモンズ・表示(CC BY)のオープンデータです。
「yurayura-photo-viewer - FIND/47 福井県表示」 src on GitHub
写真のゆらゆら具合をいじりたい方は、three.jsを使って作った、こちらの拡張タグのオープンソースをご改造ください。
Pythonが入った環境のターミナルで、下記のコマンドを動かせば、ローカル(自分のPCのこと)でウェブサーバーが起動し、https://localhost をブラウザなどで開くことができるようになります。
python -m http.server 80
Node.js用の便利なツール「live-server」は、ファイルの更新をチェックして、自動的に再読み込みする機能が付いて便利でした。
大容量ファイル対応が不完全だった、以前移植したDeno版を、最新ライブラリを使ってメンテナンス。無事、便利に使えるようになりました!
deno run --allow-env --allow-read --allow-net https://js.sabae.cc/liveserver.js
Denoが入っていればこのコマンドでURLを直接入力するだけで動きます!
--allow-env は、環境変数を使うことを許可
--allow-read は、ファイルを読み込むことを許可
--allow-net は、ネットを使うことを許可
(安全に自信があれば -A で、すべてを許可して動かすことも可能)
プログラムがやっていいことを制限して使えるのが、Denoの良いところ! 許可を何も設定しないで動かすと、逐次何をするかも分かって安心です。
deno run https://js.sabae.cc/liveserver.js
便利なことが分かったら、いつでも使えるコマンドとしてインストールもできます。
deno install -g --allow-env --allow-read --allow-net https://js.sabae.cc/liveserver.js
インストールが終わったら、下記コマンドですぐにウェブサーバーが起動します。liveserver
ポート番号を指定したい場合は、liveserver 8888
簡単ですね!
「code4fukui/liveserver: live-server in Deno」
ウェブサイトやウェブアプリ開発、確認に良く使うツールです。ご活用ください!
「serveFile | /http/file_server.ts | std@0.224.0 | Deno」
ファイルへのリクエストに対する、いい感じなレスポンスを作ってくれるライブラリ、serverFile from Deno が便利でした。
「祝砲 - HLS Movie Player with Cache」
一眼ミラーレス、Canon R5 + Dual Fisheyeで8K撮影した動画をWebアプリでスムーズに見られるアプリを作りました。
右目用と左目用、魚眼レンズで2つの視野角180度の映像を1つの8K動画として記録されます。レンズ内部で交差しているので右目用と左目用が反転しているので、交差法で立体視できます。
「選手 - HLS Movie Player with Cache」
デモ動画、もう一つは4K、ハイタッチしていく選手の様子です。
「code4fukui/hls-movie-player-with-cache」
Vision Pro/iPhone/MacのSafariでは対応している動画フォーマットHLS(=HTTP Live Streaming、M3U8ファイル+TSファイル群)をServiceWorkerのCacheでローカルに保存してから再生するソースコードです。hls.jsを使っているので、ChromeなどのHLS未対応ブラウザでも動きます。
MP4の動画ファイルをHLSに変換するのは、ffmpegで簡単!
ffmpeg -i 2G7A0214.MP4 -g 30 2G7A0214.m3u8
gパラメータで分割サイズをコントロールできます。
株式会社福井ブローウィンズ 代表取締役 湯本眞士さんと!
jig.jpは、福井ブローウィンズのブロンズパートナー。
「パートナー|福井ブローウィンズ 公式ウェブサイト」
links
- 福井ブローウィンズ 公式ウェブサイト