タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSやSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお
OBSとWeb Audio APIを使って音に合わせてオーディオスペクトラムをWebカメラ映像に重ねて配信する - stefafafan の fa は3つです
大したネタでもないですが、この前ふとこれやりたいなと思ってできたのでついでにブログに書いてみます。 DJ配信 みなさんやってますよね。え、やってない？ではいますぐDJ機材買いましょう。 それはそうと、昨今STAY HOMEの影響でDJの人もどうやらクラブでイベント全然できなくなって、仕方ないからDJ配信するか～とTwitchなどで盛り上がってるようです。 僕はただのインドア系のWebアプリケーションエンジニアなので、DJなんてパリピなものよく知らないんですが、家にたまたまDJ機材があったので、配信とかしてみたいな～と思いはじめつつ、OBSというソフトをインストールしたりWebカメラをセットアップしたりしてみてるのですが、DJ中の自分の様子をカメラで写しても盛り上がりにかけることに気づきました。 DJ機材の前でポーズをとっている男性 こんな映像がインターネットに流れてきても絶対にみようという
Web Audio APIというAPIがあります。 RFC / 日本語訳 ざっくり言うと、ブラウザで音を作ったり出したりできるAPIです。 RFCの時点でフィンガープリントの懸念が大量に書かれてるという有様ですが、実際に実用レベルでブラウザフィンガープリントしている例が存在しました。 FingerprintJSという、そのまんまな名前のライブラリです。 以下は同ライブラリのブログより、How the Web Audio API is used for browser fingerprintingという記事のざっくり紹介です。 How the Web Audio API is used for browser fingerprinting Cookieを使うこともなく、許可を求めることもなく、Webブラウザを識別できることを知っていますか？ この技術はブラウザフィンガープリントと呼ばれていて
【JavaScript】できないと思ってたらできた！？ Web Audio API でJavaScriptから音を生成（サンプル第一歩目ｗ） - Little Strange Software
どうも！LSSです！！ 「できたらいいのに」と思っていた事のひとつに、 「JavaScriptで音を生成して鳴らす」 があります。 JavaScriptで音をどうこうする、のは、知ってる限りでは 「別途音声ファイルを用意し、それを演奏したり止めたりの制御ができる」 ぐらいで、MIDIのように音階・音量を指定して演奏するような事はできないもの、と思ってました。 …が、実はそれができちゃったようです！？ WebAudioAPIを使用したサンプル 音作りの設定箇所 WebAudioAPI、かなり奥が深そう… 思うままに効果音が作れる… WebAudioAPIを使用したサンプル コード <input id="oto1" type="button" value="音を鳴らす" /> <script>// <
Web Audio API の最も興味深い機能の 1 つは、オーディオソースから周波数、波形、その他のデータを抽出し、それを使用してビジュアライゼーションを作成する機能です。この記事では、方法について説明し、いくつかの基本的な使用例を示します。
動画の編集とレンダリング、Webブラウザでできます【JavaScript / Web Audio API / ffmpegで実装したサービスの紹介】 - Qiita
動画の編集とレンダリング、Webブラウザでできます【JavaScript / Web Audio API / ffmpegで実装したサービスの紹介】JavaScriptjQueryffmpegWebAudioAPIQiitaEngineerFesta2022 Double TONE Double TONEというブラウザ上で動作する動画編集サービスを作っています。本業はエンジニアではないため諸先輩方にご紹介するのは痴がましいですが、デザインも実装も一人で進めているこのサービスの紹介と、どのようにWebブラウザで動画編集を実現させているかを紹介しようと思います。 まだまだなサービスではありますが、今後もどんどんいろんな機能だったり使い勝手の向上をしてきますので、ぜひご意見を頂戴できれば幸いです。 Double TONEはサーバーサイド含めてすべてをJavaScriptで構成しています。UI制御
WebAssembly + Web Audio API + Canvas で動画編集（Double TONEの紹介） - Qiita
はじめに 「JavaScriptベースの動画編集サービスを作ってます」という記事でQiitaにはじめて投稿しました。 その記事にて紹介していますが、**JavaScriptベースの動画編集サービス・Double TONE - https://doubletone.jp**を作っており、2021年12月1日にオープンベータ版として、一般公開しました！ このサービスは今のところ一人で開発しており、ツールとしてもサービスとしてもまだまだ未熟ではありますが、よろしくお願いいたします。 Qiitaでは開発メモを自分でも整理するために投稿していこうと思います。まずは、サービスの簡単なご紹介をしたいと思います 簡単なサービスのご紹介 Double TONE - https://doubletone.jp サービス名：Double TONE（ダブルトーン） ブラウザ上で動作する動画編集サービスです 基本的
初めまして。Qiita&アドベントカレンダー初投稿です。よろしくお願い致します 今回はWeb Audio API を利用してキャラクター(VOICEROID)に口パク(リップシンク)を実装したので、その実装過程を紹介したいと思います。 何でこんなもの作ったか 個人用で作っていたwebアプリにガイド的な存在としてキャラクターイラスト付きでVOICEROIDを登場させ、音声案内をしてもらっていました。 しかし、イラストなので当然VOICEROIDがしゃべっても、動きがないんですよね。特に口が。 そこで、どうにか音声に合わせて口を動かせないかと思い、実装に至りました。 完成品 ともあれ、まずは完成品をご覧ください。 https://youtu.be/E6miOvn_ha4 どうですか？母音に合わせてやってるわけではないので、正確ではありませんが、僕は結構いい線行っていると思います。 では実際にや
アゲアゲな年末を過ごすために、JavaScriptのちょっとマニアックなAPI「Web Audio API」を用いてシーケンサー機能付きのシンセサイザーを作成しました。 実物はこちらから動かせるので、まずはぜひ遊んでみてください！全体のコードや、操作方法はリポジトリにございます。 はじめに Web Audio APIはブラウザ上で音声制御を行うことができるJavaScriptのAPIです。やや独特な仕組みを持ち少々とっつきにくい部分もありますが、工夫次第で本格的な音声制御も可能な数多くの機能を持っています。 本記事では、今回の実装でも利用している 基本的な概念「Node」「connect」について 音声のテンポを合わせる方法 音声合成 wavファイルの再生 音量変更 フィルター エフェクト(ディレイ、リバーブ)の作り方 をテーマに、Web Audio APIの機能や使い方を解説します。本記
Declarative low-level Web Audio Sound Generator. You pass in a static object, which defines an arbitrarily complex audio graph and its parameters. This library will then construct all the nodes, connect everything, apply the necessary parameters and envelopes, and clean up afterwards. Live demo ← open that and hit keys to play sounds. NOTE! Are you reasonably familiar with terms like "FM synthesis
GitHub - susam/invaders: A 1980s-arcade-style game written using HTML5, Canvas, and Web Audio
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - trevorjay/Jerrica: Jerrica is a small, bare bones, 100% scheduled, web audio native, MOD player designed to be embedded in Javascript games
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
音を操るWeb技術 - Web Audio API入門 - ICS MEDIA
ブラウザ上で簡単に音を鳴らすプログラムに挑戦。Web Audio APIで遊ぶ【藤本健のDigital Audio Laboratory】
Web Audio APIを使ったブラウザフィンガープリント手法の紹介 - Qiita
Visualizations with Web Audio API - Web API | MDN
Web Audio APIでリップシンク(もどき)を作ってみた話 - Qiita
ブラウザで動くアゲアゲなシンセサイザーをWeb Audio APIで作った話 - Qiita
GitHub - fenomas/wasgen: Web Audio sound generator
x.com
www.hoppin-garage.com
note.com/loveupper24sr
www.tarotaro1995.com
news.yahoo.co.jp
yoko-enda-manga.hatenadiary.jp