JavaScriptにて、ボタンを木魚のリズムでクリックすると、般若心経が一文字ずつ再生されるアプリを作りたいです。単一のボタンに紐づく音源を次々とすげ替えるにはどんな手法を使うと良いでしょうか？

テクノロジーカテゴリーの変更を依頼記事元:

jp.quora.com

1 userがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

koogawa “JavaScriptにて、ボタンを木魚のリズムでクリックすると、般若心経が一文字ずつ再生されるアプリを作りたいです。単一のボタンに紐づく音源を次々とすげ替えるにはどんな手法を使うと良いでしょうか？”

2020/10/08 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fjp.quora.com%2FJavaScript%25E3%2581%25AB%25E3%2581%25A6-%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3%25E3%2582%2592%25E6%259C%25A8%25E9%25AD%259A%25E3%2581%25AE%25E3%2583%25AA%25E3%2582%25BA%25E3%2583%25A0%25E3%2581%25A7%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%2583%25E3%2582%25AF%25E3%2581%2599%25E3%2582%258B%25E3%2581%25A8-%25E8%2588%25AC%25E8%258B%25A5" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://jp.quora.com/JavaScript%E3%81%AB%E3%81%A6-%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%9C%A8%E9%AD%9A%E3%81%AE%E3%83%AA%E3%82%BA%E3%83%A0%E3%81%A7%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%99%E3%82%8B%E3%81%A8-%E8%88%AC%E8%8B%A5">JavaScriptにて、ボタンを木魚のリズムでクリックすると、般若心経が一文字ずつ再生されるアプリを作りたいです。単一のボタンに紐づく音源を次々とすげ替えるにはどんな手法を使うと良いでしょうか？</a><a href="https://b.hatena.ne.jp/entry/s/jp.quora.com/JavaScript%E3%81%AB%E3%81%A6-%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%9C%A8%E9%AD%9A%E3%81%AE%E3%83%AA%E3%82%BA%E3%83%A0%E3%81%A7%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%99%E3%82%8B%E3%81%A8-%E8%88%AC%E8%8B%A5">はてなブックマーク - JavaScriptにて、ボタンを木魚のリズムでクリックすると、般若心経が一文字ずつ再生されるアプリを作りたいです。単一のボタンに紐づく音源を次々とすげ替えるにはどんな手法を使うと良いでしょうか？</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

JavaScriptにて、ボタンを木魚のリズムでクリックすると、般若心経が一文字ずつ再生されるアプリを作りたいです。単一のボタンに紐づく音源を次々とすげ替えるにはどんな手法を使うと良いでしょうか？

回答 (4件中の1件目) 「音源をすげ替える」ということは、それぞれの音源にURLがふられているということ... 回答 (4件中の1件目) 「音源をすげ替える」ということは、それぞれの音源にURLがふられているということですよね。であれば、まずPromise.allを使って音源を非同期に取得し、配列にします。そして、generatorを使って「再生→クリック→次の音源の再生」というようにずらしていくのはどうでしょうか。簡単なサンプルを作ってみました。 react play on click - CodeSandbox getAudioSources関数が「音源の取得」で、playAudioSource関数が「非同期ジェネレータによる音源再生」です。この例は、ただコンソール...