VideoタグとWebカメラの映像と音声を一つのVideoタグに合成してダウンロード | ツクロア - DESIGN LAB
HTML5のVideoタグにWebカメラの映像と音声を合成させて、1枚のビデオファイルを生成する方法について試してみました。どうもです、デザイナーの秋葉です、久々の技術のことを書いてみます。 参考にさせていただいたのはこちら https://html5experts.jp/mganeko/12475/ Webカメラからの映像や音声をgetUserMediaというメソッドを使ってストリームデータを取得して、ブラウザだけで動画ファイルを生成してユーザーはダウンロードできるものです。 ここで考えたのは、オリジナルのVideoタグの動画に、カメラの自分の映像やしゃべった声をスーパーインポーズして一つの動画ファイルにするって、HTML5でできるのかな？と思って試したら、ちょっと手間がかかるけどChromeブラウザでできた。 デモをこちらに上げておきました、Chrome 56以降で試してください。 h
HTML5 Audio Output Patching
I was wondering if there is a way to control audio output device patching in HTML5/JavaScript? Like, if the user wanted to have one sound in my web app to go out of one audio device, and another sound out of a different audio device. I know the user can set the default output device on their computer, but for the web app I'm working on, I would like them to be able to send individual sounds to ind
TechCrunch | Startup and Technology News
Given that there is a lot of sturm und drang in the late-stage market about what companies are really worth, Tiger is bound to struggle with the market dynamics.
音声周波数帯域 ‐ 通信用語の基礎知識
アナログであれば、家からNTT地域会社の交換局までは1本の電話回線だが、そこから他の交換局までは複数の通信を1本の通信線で多重化することになる。 効率化するためには、1回線分の周波数の幅は、極力狭い方が良い。そこで、電話の音声周波数帯域は0.3〜3.4kHzとなった。 人間の声は、その主成分はおおむね0.2〜4kHzの周波数範囲にあるとされている。 中間周波数はおおむね1kHz前後とされており、この前後の周波数をある程度網羅できれば、その全ての周波数を網羅せずとも音声を見分ける(聞き分ける)ことが可能な音質が実現できる。 0.3〜3.4KHzの範囲があれば、充分意思疎通が可能であるという経験から、この周波数帯域が決定された。これは、長年の使用実績でも、適正だったことが充分証明されている。
マイクから周波数取得(WebAudio) - jsdo.it - Share JavaScript, HTML5 and CSS
★音量は小さめにしてください ★動作環境 Chrome Canaryの設定でWebAudioを許可してください。 Chrome Canary https://www.google.com/intl/ja/chrome/browser/canary.html ★参考 http://www.g200kg.com/jp/docs/webaudio/analyser.html //Canvasの設定 var canvas = document.getElementById("world"); var ctx = canvas.getContext("2d"); var w = canvas.width = window.innerWidth; var h = canvas.height = window.innerHeight; var audioContext = new webkitAudio
人の声の周波数帯域について教えて下さい - 不快に感じる周波数帯域：3,000Hz～4,000Hzと聞きました（＾＾*）一般に、下記のそれ... - Yahoo!知恵袋
・人間の聞こえる周波数 20～20,000Hzとされていますが、これは若い成人くらいの年齢の人だと思います。 小さい子供は30,000Hzやそれ以上まで聞こえるようです。 ・普段の話し声（男性） 下限は120～200Hz 上限は破裂音や「さしすせそ」などの摩擦音も含むなら、20,000Hzくらいまで出ています。 ・普段の話し声（女性） 下限は200Hz～300Hz 上限は男性と同じで20,000Hzくらい。 ・人間の声で出せる限界 下限は100Hz程度 上限は上に述べたように、摩擦音まで含めるなら20,000Hzくらいまで出せます。 母音のように声帯を震わせてという事なら、ホイッスルボイスのような特別な技法を使えば3,000Hzくらいまで出るようです。 ・不快に感じる周波数 これは人によるでしょう。 ただ、聞こえる上限くらいの音(15,000Hz～20,000Hzくらい)はｷｰｰﾝという耳
Web Audio APIについて（３）「音楽データを可視化する」 - ハードコイルド・ワンダーランド
最近、Device関連のHTML5 APIが盛り上がっています。 この記事はWeb Audio APIに関する記事の続きです。 頑張ると、色々とスゴいコトもできてしまうWeb Audio API。 最終的にHTML5 Advent Calendar向けにまとめますので、まとめて読みたい方は12/7までお待ちください。 とりあえずデモ 一番簡単な「音楽データを可視化する」デモです。 startボタンを押すとSVG girl themeが流れます 流れている音楽のTimeDomainDataがcanvas上にリアルタイムで描画されます。 これはなに？ RealTimeAnalyserNodeを使って収集した音楽データのTimeDomainDataをcanvas上に描画しています。 RealTimeAnalyserNodeはAudioContextから生成するオブジェクトですので、 例によってA
Audio Visualization with Web Audio, Canvas and the Soundcloud API
Audio visualization Update 05/02/14 - This demo got featured on Google’s Chrome Experiments website! This has generated a lot more interest (as in hundreds of views per day rather than one or two per week) so hopefully we will see some improvements from the community via the GitHub repo - I’ve already had a first pull request adding some very cool new functionality! Update May 2015 - As of latest
Web Music Documentation
Web Music とは, Web (ブラウザ) をプラットフォームにした音楽アプリケーション, あるいは, そのような Web アプリケーションを実装するために必要となる, クライアントサイドの JavaScript API の総称です. これは, 一般的な技術用語ではなく, ある種の技術マーケティング的な造語です. 具体的には, 以下のような, クライアントサイド JavaScript API の総称です. Web Audio API HTMLMediaElement (HTMLAudioElement) WebRTC Web MIDI API WebCodecs API Web Audio API, HTMLMediaElement, WebRTC に関しては, 本サイト制作開始時点の 2023 年時点で W3C recommendation となっており, モダンブラウザであれば利
こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog（ブログ）
第７回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ（データ到達間隔が揺らぐこと）が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ＋Javascriptだけで出来たら、結構嬉しいよな〜やりた
Web Audio API 解説 - 01.前説 | g200kg Music & Software
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > Web Audio API 解説 > 01.前説 Web Audio API 解説 2019/01/1901.前説 « Prev 01.前説 02.とりあえず音を出す 03.オシレーターの使い方 04.ノードの接続 05.ノードのライフタイム 06.バッファソースでワンショットサンプルから音を出す 07.パラメータとオートメーション 08.a-rateパラメーターとk-rateパラメーター 09.スクリプトプロセッサーの使い方 10.フィルターの使い方 11.オシレーターのカスタム波形 12.アナライザーの使い方 13.ディレイの使い方 14.ウェイブシェイパーの使い方 15.コンプレッサーの使い方 16.コンボルバーの使い方 17.パンナー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
WebRTCのオーディオ処理の謎、誰か教えて！
gmane.org - gmane リソースおよび情報
241543 - chromium - An open-source project to help move the web forward. - Monorail
AudioContext: createMediaElementSource() method - Web APIs | MDN
はじめての Web Audio API