SoundCloudみたいなサービスを個人で開発した
サービス概要 タイトル通り、現状はSoundCloudみたいに自分の作った曲を投稿できるサービスです。 現在実装されている機能は以下の通りです。 楽曲投稿 アルバム ランキング メッセージ（DM） フォローとフィード（タイムライン） いいねとブックマーク タグ・キーワードによる検索 このようにとりあえずSoundCloudのような楽曲投稿サービスとしての機能は最低限備えていますが、ゆくゆくはミュージシャンの活動拠点になることを目指しています。というのは、例えばYouTubeへの投稿や各種サブスク配信へのリンク、またライブなどイベントへの参加日程など、活動の実績/予定などがすべて1ページでわかるようにしたいと思っています。 また、ミュージシャン同士の交流/発見の場にしていきたいです。バンドメンバーや演奏を依頼する相手を見つけるのに適した場所はあまりありません（いわゆるメン募サイトは機能不全だ
5_1_1：ピッチ抽出(Pitch Detection)サンプル ml5.js JavaScript – HIM.CO ヒム・カンパニー
本稿は「ml5-examples/p5js/PitchDetection/PitchDetection」サンプルの解説です。 下記リンクをクリックすると、実際の動作が確認できます。このサンプルを試すには、 マイクを接続しておき、リンク先を開きます。 ブラウザがマイクへのアクセス許可を求めてくるので、[許可]をクリックします。 ブラウザ画面のどこかをクリックします。動作しない場合は再ロードします。 「ピッチ抽出(Pitch Detection)サンプル」 HTMLでは、p5.sound.jsを読み込みます。 <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0
5_1：ピッチ抽出(Pitch Detection) ml5.js JavaScript – HIM.CO ヒム・カンパニー
pitchDetection() ピッチ抽出アルゴリズムは、音声信号のピッチや基本周波数を推測する方法です。このメソッドを使用すると、訓練済みの機械学習ピッチ抽出モデルを使って、サウンドファイルのピッチを推測することができます。 ピッチ抽出アルゴリズム(PDA)はWikipediaの「Pitch detection algorithm」によると、音声学、音楽情報検索、音声符号化、音楽演奏システムなどさまざまな状況で使用され、通常、準周期信号の周期を推定し、その値を反転して周波数を求める、とあります。 現時点で、ml5.jsはCREPEモデルのみサポートします。このモデルはgithub.com/marl/crepeを直接移植したもので、ブラウザのマイクから直接入ってくる入力でのみ機能します。 コンストラクタ ml5.pitchDetection(model, audioContext, st
5_1_3：鼻歌音程モニター ml5.js JavaScript – HIM.CO ヒム・カンパニー
AndroidやiOSアプリの「ボーカル音程モニター」にヒントを得て、「鼻歌音程モニター」なるものを試作しました。 これはピッチやMIDI番号、音程の取得までは前の「5_1_2：ピッチ抽出ピアノ」と同じで、ピッチの数値を折れ線グラフで描いたものです。 グラフの描画はp5.jsのライブラリの「grafica.js」で行っています。 次のリンクをクリックすると「鼻歌音程モニター」サンプルが開きます。 HTMLではgrafica.jsを読み込んでおきます。 <script src="lib/grafica.min.js"></script> ... <h1>鼻歌音程モニター</h1> <p id="status">画面をクリック！</p> <p>ピッチ：<span id=freq>...</span></p> <p>MIDI：<span id=midi>...</span></p> <p>音程：
Tone.jsを使えば音楽知識ゼロの私でも簡単に作曲して遊べた！ - Qiita
import Tone from "tone"; const synth = new Tone.Synth().toMaster(); // note:ドレミなどの音階を指定 // dur:「4n」->「♩」(四分音符)、「8n」->「♪」(八分音符) // nullだと休符 const data = [ { note: "E4", dur: "8n" }, { note: "F4", dur: "4n" }, [{ note: "G4", dur: "8n" }, { note: "G4", dur: "8n" }], { note: "G4", dur: "4n" }, { note: "E4", dur: "8n" }, [{ note: "G4", dur: "8n" }, { note: "C5", dur: "8n" }], { note: "C5", dur: "8n" },
音にあわせて画面が変化！続々々「WebAudioAPI」入門 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
・この記事を読むときは、お使いのブラウザの他のタブ、ウインドウでWebAudioAPIが使用されていないことをご確認願います。 ・コードプレビューのJS全体が即時関数で囲われている場合、その即時関数は実際には不要であると考えてください。 Webブラウザは同時に存在できるAudioContextオブジェクトの数に制限をかけています。 通常、AudioContextオブジェクトが1アプリケーションに複数必要となることはなく、この制限に困ることはありません。 ただし、複数のタブ、ウインドウ、iframeでWebAudioAPIが使用される場合にはエラー発生の可能性があるため、本記事では処理を即時終了させることで対策を行っております。 音源の情報を解析し視覚化するWebサイト Loop Waveform Visualizer https://airtightinteractive.com/demo
AudioServices - iPhone Development Wiki
AudioServices is a group of C functions in AudioToolbox for playing short (≤30 seconds) sounds. Predefined sounds There are some predefined system sounds, for the system sound ID in the range 1000 to 2000 (decimal), as shown below (from 2.0 to 5.0 beta). The system sounds are all stored in /System/Library/Audio/UISounds/. Sound ID File name (iPhone) File name (iPod Touch) Category Note
Reactでシンセサイザーを作った話 - Speee DEVELOPER BLOG
こんにちは、nishayaです。 管理部のエンジニアとして、社内向けのシステムを作ったり、 社内で開催されるイベントでコーヒーを淹れたりしています。 社内向けだからこそできる冒険もある、ということで、 現在はReact/Reduxを用いたSPA開発を行っています。 今回のSpeeeKaigi(下記の記事を参照)では、 ReactとReduxを使ってシンセサイザーを作る話をしました。 tech.speee.jp 発表資料 使用したもの React Redux Web MIDI API Web Audio API Web MIDI APIを使用しているため、今回のターゲットブラウザはGoogle Chromeのみとしました。 そのため、webkit プレフィクス付きのAudioContextにも対応していません。 モチベーション 業務でSPA開発にReact/Reduxを使用するという決定をし
【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！
【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！ 河合良哉 ブラウザ上で音を扱うというと、直接音を加工できるWeb Audio API、ブラウザから直接MIDIデバイスと接続できるWeb MIDI APIの2つがここ数年の間に利用可能になり、実際のWebサイトでも使われるようになりました。 今回は「ハンズオンだともっとよかった」というお声をいただきましたHTML5 Conference 2015での講演内容を元に、2つのAPIの説明と、実際にブラウザ上に電子楽器の1つであるシンセサイザーを作ってしまうという記事です。 記事中のサンプルはGitHubに公開していますので、そちらも合わせてご参照ください。 利用するAPIの説明
Samples | Web Audio API
Script Processor Node A sample that shows the ScriptProcessorNode in action. Spatialized audio in 2D Pick direction and position of the sound source relative to the listener. Microphone Integrating getUserMedia and the Web Audio API. Room Effects Using ConvolverNode and impulse response samples to illustrate various kinds of room effects. Crossfading Playlist Automatic crossfading between songs (a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AIでボーカル・ドラムを取り出す、無料音声分離「Demucs」を試す【藤本健のDigital Audio Laboratory】
ml5 examples index
20220518_ongaqjs.pdf
Web Audio APIで音を扱う | BLOG | Q'TECHNICAL
無印良品、Bluetoothスピーカー内蔵のLED電球