シングルイコライザー進行状況バー、JavaScript、HTML

最初にアップロードした画像を見てください。 mic frequency catch Bar シングルイコライザー進行状況バー、JavaScript、HTML

私はHTMLとJSでこれを行いたいと思います。私はいろいろ試していますが、これをしないでください。マイクの値が大きくなると、プログレスバーも異なる色で増加します。私のアップロードされた画像のようです。

2017-04-19 Tonmoy Rudra

可能性のある重複した[ウェブオーディオAPIとマイク入力音量値を取得する方法？]（http://stackoverflow.com/questions/21247571/how-to-get-microphone-input-volume-value-with-web-audio-api） – Yogu

いいえ、私はマイクのデータを取得する必要はありませんが、私はUIデザインだけが必要です。 –

次に、「マイクの値が上がったときにプログレスバーも増加します」と言ってはいけません;）プログレスバー全体の画像を使用して、表示する部分だけを水平方向にトリミングします。 – Yogu

これは、あなたの問題にはかなりの答えですが、アナロジーを行うあなたの仕事です。まず、ここでそれを操作する方法をブートストラッププログレスバーを参照してください。あなたがするあなたのケースに接続することができ、https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

を今のでgo here

の

出典

2017-04-19 10:57:00

しかし、私はこのような私のプログレスバーを設計したい。すべての進捗バーにはただ一つの色がある。しかし、縦のビューで3-4色がある。どうすればいいですか？ :( –

シングルイコライザー進行状況バー、JavaScript、HTML

答えて

関連する問題