ブラウザでマイクやパソコン内で流れている音声を録音して管理するシステム。
このデモ版でも録音は可能ですがアップロードされません。親IDでログインしていますが「登録、編集、削除」は行えません。

※全ての文言は「基本情報」の画面または「validation.php」で変更可能です。

プチモンテ 音楽教室

ユーザー名:岡本武史

12/17(木)までに課題の曲を録音して下さい。

タイトル

  


※30分以上録音する場合、ブラウザはChromeを使用して下さい。

スマートフォンでの録音は30分以内にして下さい。Chrome推奨。

インフォメーション
< オープンソース >
ソースコードは「オープンソース」(無料)で公開しています。どなたでもご利用可能です。

FujinoHana ( 藤の花 ) 
https://github.com/TakeshiOkamoto/FujinoHana

< 動作確認 >
パソコンはWindowsのChrome/FireFox/Edge。スマートフォンはAndroid(Chrome)で確認。
macOS、iPhoneは標準のSafariで動作しない場合はChromeを使用すれば間違いなく動作すると思われます。

ただし、スマホの場合はパソコンより性能が落ちますので、30分以内の録音にして下さい。

< 特徴 >
リアルタイムでMP3に変換します。クライアントのJavaScriptで変換しますのでサーバー側に負担がありません。

< 幅広い利用用途 >
会社、学校、学習塾、サークル、集会などで「子ID」が録音ファイル(MP3)を提出して、「親ID」がそれらを管理可能です。また、パソコン上での作曲活動、音声メモなど個人利用も可能です。

< パソコン内の音楽を録音する >
Windowsではサウンドコントローラーパネルの録音タブで「ステレオミキサー」を有効にすればパソコン内で流れてる音を録音可能です。設定方法 https://www.petitmonte.com/labo/voice-recording/

< ファイル管理 >
・親IDが子IDの録音ファイルを一括管理する仕様です。
・子IDの録音ファイルは親IDから「状態」を設定されたものは編集、削除できません。
・録音ファイルは親IDまたは本人のみアクセス可能です。外部からアクセスできないようにしてあります。
※このデモは外部からアクセス可能。

< Web Audio API >
安定しているScriptProcessorNode(将来的に廃止予定)を優先して使用していますが、廃止された場合は自動的にAudioWorklet(将来的に標準予定)を使用するようになっています。また、AudioWorkletを使用する際にはサイトがhttpsである必要があります。ただし、例外としてhttp://localhostは使用可能です。

< インターネットで公開する場合 >
ログイン画面は各自で必要なセキュリティ強化を行ってください。reCAPTCHAの導入、IP固定、パスワード15桁以上など。

< 管理者 >
管理者の親IDは1つしか作れません。必要であれば別のプロジェクトを作成して下さい。

< 録音ファイル >
マイクで録音された音声ファイルの「音量」が小さい場合は、スピーカー側で音量を調整して下さい。

< 多言語対応 >
resources\lang\??\validation.phpの「validation.attributes」で文言を設定してます。
※一部、app()->getLocale() == "ja" で切り分けています。