オブシディアン・プレイヤー（黒曜石）｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/ne27e666f8b9c
音楽プレイヤーを自分好みに作ってみた。Claudeで作成した。最近のClaudeは動作がかなり遅くなっているChatgptの脱退騒ぎで、Claudeに集中したせいかな？夜中は意外と早くなると思いきや結構、遅い。Anthropic（アンソロピック）の設備投資が間に合っていないのでしょう。
今年の2月初めころから、Claudeでソフトウェアを作成した後に取扱説明書を依頼するとかなり良くできたものが出てくるようになった。たった3，4行程度の依頼文（プロンプト）で立派な説明書が出来てくる。それもhtml+cssで依頼するとアニメーションまで付いてくる。これも楽しみになってきました。かっこいいデザインでとか、しっくで渋いものとか頼むとそれなりに凝ったものを作ってくれる。この辺りはホームページを作成することに通じている。プロンプト次第ではそれなりに人に見て貰えるホームページが作ることが出来そうです。本格的に生成AIを使ってホームページを作ることが出来る環境になってきた。一番の候補はClaudeですね。デザインのセンスが良い。勝手に気に入っています。今回のプレイヤーも黒曜石から色を持ってきています。
オブシディアン・プレイヤー（黒曜石）
OBSIDIAN PLAYER は、500曲以上のライブラリを優雅に管理・再生するために設計された、 ブラウザネイティブの高品位オーディオプレイヤーです。 外部依存ゼロの純粋な HTML · CSS · JavaScript で構築され、 インストール不要・サーバー不要で動作します。
大容量ライブラリ対応
500曲を超える楽曲を軽快に扱えるよう設計。仮想 DOM を使わずとも、DOM操作の最適化によりスクロールもリストレンダリングも滑らかです。
柔軟なファイル読み込み
フォルダ選択・個別ファイル選択・ドラッグ＆ドロップの3方式に対応。Blob URL を生成してブラウザ内で直接再生するため、ファイルのアップロードは発生しません。
即時再生切り替え
再生中に別の曲をクリックすると即座に切り替わります。<audio> 要素の src を差し替えて .play() を呼ぶシンプルな実装です。
Luxury Dark Design
ゴールド×オブシディアンブラックの高級感あるビジュアル。Cinzel × Cormorant Garamond の欧文フォントペアと、回転するヴァイナルレコードのアニメーションが特徴です。
SEQ（順番）・RND（ランダム）・ REV（逆順）・REP（リピート） の4モードを搭載。 ランダムモードではフィッシャー＝イェーツ法によるシャッフルアルゴリズムを採用し、 偏りのない再生順序を保証します。
Real-time VU Meter
Web Audio API（AnalyserNode）を用いたリアルタイム周波数解析により、 再生中の音量レベルを24本のバーで視覚化します。 再生停止中はほのかな揺らぎアニメーションで存在感を保ちます。
オブシディアン・プレイヤー（黒曜石）
https://pasopia.velvet.jp/2026/soft/index034.html
OBSIDIAN PLAYER — Documentation
https://pasopia.velvet.jp/2026/soft/obsidian-player-overview.html
生成AIでソフトウェアを開発しよう（目標：1日1個のアプリの開発）
https://pasopia.velvet.jp/2026/soft/
