0

私はこのようなものを作りたい: ここに画像の説明を入力 だから、この行の一部をクリックすると、プレーヤーの音楽が選択した瞬間から音楽の再生を開始します。どうすればいいですか (ユーザーがこのバーをクリックした場所を検出します)? キャンバスを使用するか、別の方法がありますか? キャンバスは良いアイデアではないと思いますが、代わりに何を使用しますか?

4

2 に答える 2

2

多分あなたはこれを試すことができます: http://jqueryui.com/slider/#rangemin

スライダーを動かすと、そのイベントを検出でき、場合によってはプレーヤー API にその瞬間に移動するように依頼できます。

 You can try ans see if it helps.

デモ

于 2013-06-22T10:28:01.393 に答える
2

基本的な考え方:

  • onclick「コントロール」にイベント ハンドラーを追加します (<span>や など<div>)。
  • ユーザーがクリックした位置を特定します (これは、サポートしたいブラウザーによっては難しい場合があります。)。
  • クリックされた位置を「コントロール」の幅と比較して、相対的な位置を決定します (たとえば、50%、75% などで再生を開始します; relpos = x / width;)。
  • 決定された相対位置に基づいて再生位置を変更します ( playpos = duration * relpos;)
于 2013-06-22T10:20:46.627 に答える