【Vue3】ブラウザでマイク音声を録音する(Composition API) - Qiita
やりたいこと ブラウザで録音するアプリケーションを作ります。 Vue2.xやOptions API で書かれたサンプルコードは色々見つけましたが、Vue3 のComposition API で書かれたコードは見つからなかったので、参考に共有します。 基本 ブラウザでの録音はMediaStream Recording APIを使います。 基本的には以下のソースコードと解説を参考にしました。 MediaStream Recording API の使用 - Web API | MDN 全コード 短いので、テンプレートの全コードを掲載します。 <template> <button @click="startRecording()" v-if="!record.state"> 録音 </button> <button @click="stopRecording()" v-if="record.sta
Vue3 の CompositionAPI で p5.js を動かす - Qiita
この記事は、ニフティグループ Advent Calendar 2021 6日目の記事です。遅くなりすみません！ 最近はシミュレーションの描画にハマっており、p5.js 触ってみたいなということで今回のネタにしました。 Vue.js のコンテナ内で、CompositionAPI の記法で p5.js を動かしたので紹介します。 CompositionAPI についての説明は割愛します。以下の記事を参考にさせていただきました。 Vue 3 Composition API を使ってみよう 作ったもの 振動するボールを作って動かすことができます。 マウスをクリックするとその位置にボールが集まってきます。 丸い物体が絶妙に揺れながら近づいてくるの可愛すぎる。 p5.js の紹介 p5.js はクリエイティブコーディングのための JavaScript のライブラリです。 アートやシミュレーションの描画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
