問題タブ [howler.js]

私はjavascriptが初めてで、小さなプロジェクトのようなPatatapを書こうとしています。

アニメーションには Paper.js を使用し、イベント リスナーにはonKeyUp メソッドを使用して、ボタンを押したときに画像が表示されるようにしています。このコードは正常に動作しますが、このメソッドがどのように機能するのかわかりません。内部で何をしているのでしょうか? その関数をもう一度定義していますか? 中括弧内で何を定義していますか? function onKeyUp(event){ ..その関数を定義しますか??.. }

（「onFrame（）」メソッドと同じ問題があります）。

AdamW さん、ご回答ありがとうございます。

私が抱えている問題は、上記の行に関するものです。それは私には意味がありません、それは私がやっているようなものです

しかし、この方法では、Paper.js に記述された onKeyUp() メソッドのみを「クリア」し、onKeyUp() と呼ばれる新しい関数、つまりポリモーフィズムを優先します。それで、なぜ私はそれをするのですか？onFrame() メソッドについても同様です。

ハウラー オン エンド メソッドを使用して、トラックの終了後にいくつかのプロパティを更新しようとしていますが、正しく機能していません。次のようなコード:

関数を追加してこれを実行しようとするたびにsound.onend()、ブラウザは行にセミコロンがないというエラーをスローしますsound.onend()。誰かがここで正しい構文を明確にすることができますか?

Howlerを使って現在のトラックタイムをHTMLページに出力したいのですが、今のところ[Object object]しか表示されていません。関連するコード:

HTML ページへの出力に役立つ形式でトラック時間情報を抽出するにはどうすればよいですか? できれば、[mm/ss] のようにします。

sound.seek()オブジェクトも出力することも試しました。

HTML がブラウザーに読み込まれるとtoString()、変数 yield: [object Undefined] を呼び出すと、それを呼び出すと、空の文字列と見なされる結果が得られます (Web ページには何も出力されません)。positionJSON.stringify()

サウンドを CSS アニメーションと同期させる簡単なコードを作成しました [サウンドには Howler JS ライブラリを使用します]。

これがコードです

CSS :

JS:

eventlistener を要素 p1 にバインドします。イベントは : アニメーションの反復。アニメーションの 1 回の繰り返しの周期は 1.2 秒です。

反復が発生するたびに: 0 秒 (アニメーションの開始と終了と同時に)、0.4 秒 (1/3 ウェイ)、0.8 秒 (2/3 ウェイ) でサウンドを再生します。(タイムアウトを使用して時間を調整します)

音は一定間隔 0.4 秒で再生されることになっています。しかし、最初(最初の数秒)は、音は本来のように再生されず、勝手に再生されます。意図したとおりに一定間隔で再生されるまで、数秒かかります。 どうしてこんなことに？これを修正する方法は？

次に、PC ではなく携帯電話を使用してリンクを開くと、サウンドがまったく再生されません。なぜ助けてください？[電話でハウラー JS を使用してサウンドを再生する簡単なコードを試してみたところ、動作するので、ハウラー JS に問題はないと思います]

angular 2 アプリ内に Howler をインポートしようとしていますが、typings ファイルがありません。私は混乱し、答えを探していますが、何も見つかりません。タイピングファイルなしでコンポーネント内に「ハウラー」をインポートするにはどうすればよいですか?

playSound 関数が呼び出されたときに、現在再生中のものをすべて停止し、新しく要求されたサウンドを再生したいため、.playing() メソッドを実装するための支援が必要です。呼び出されるたびに停止しない私の例を次に示します。

私は phonegap アプリを持っていますが、これは現在 PlayStore のアルファ版テスト中です。サウンドはほとんどのデバイスで機能しますが、Android 4.x を搭載した Samsung デバイスでは機能しません。問題や同様の質問は見つかりませんでした。私は何か間違ったことをしましたか？

https://github.com/goldfire/howler.js/tree/2.0のコード

Cordova-plugin-media を使用した私のコード:

誰でも問題の原因は何ですか?

私は現在、言語を学ぶために React でアプリを構築しています。アプリはゲームであり、ゲーム内でHowler.jsを使用して多くのサウンドを再生しています。Howler は、簡単にサウンドを作成できる点と、非常に重要なことに、サウンドのピッチを調整できる点で優れています。つまり、1 つのサンプルだけでメロディーを作成できます。

さまざまなピッチでさまざまなサウンドを多数使用しているときに直面し始めている問題は、パフォーマンスです。サウンド オブジェクトをループするようにセットアップしたコードは非常に重く、それを最適化する方法があるかどうか疑問に思っています (私は決して Javascript の専門家ではないので、もっと無駄のないものがあっても驚かないでしょう)。サウンドオブジェクトを実行する方法)。とにかく、ここに私のサウンドオブジェクトがあります：

Howler.js でループしてサウンドを再生するために使用するコードを次に示します。上記のオブジェクトは、this.state.trackObject の下の Apps 状態にあることに注意してください。

「React」の方法でできる限りのことをしようとしていますが、ブラウザのパフォーマンスを向上させるために、再生機能をアプリの状態と統合するより良い方法があるかどうかはまだわかっていません。

私は Audio スプライトの使用を考えました (これは実際には Howler で非常にうまく機能するように設定されています)。こちらを使ってみました。実際にインストールに問題があり、実行できませんでしたが、それを修正できたとしても、howlers API からスプライトに適用されたピッチベンドでサウンドを追加できるとは思いませんか?

ありがとうございます。誰もが持っている可能性のあるパフォーマンス/ソリューションに関する提案を歓迎します!