問題タブ [jplayer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
917 参照

jplayer - jplayer はトラックを再生しません (NaN を返します)

私は自分のウェブサイトで jplayer を使用しています。クロムでのみ正常に動作します。firefox と safari では、トラックが再生されず、合計時間に NaN が返されますが、エラーが表示されます: a._getMovie() is null or is not a object

何か案は?

0 投票する
1 に答える
639 参照

javascript - オーディオトラックからスニペットを選択するJavascript

私はPHPでプロジェクトに取り組んでいます。このプロジェクトでは、ユーザーはトラックのライブラリからトラックを選択し、そのトラックから数秒の長さのスニペットを選択して、そのスニペットを次のページの検索パラメーターとして使用できます。

クライアントは、トラックの波形を表示したいと考えています(これらはすでにPNGファイルとして生成されています)。「再生ヘッド」は現在の再生位置を示します(非常に簡単なはずです)。ユーザーは、垂直バーをドラッグして選択する開始点と終了点を選択し、選択したスニペットを(スペースバーなどを押して)試聴し、[検索]をクリックしてHTMLフォームを送信できる必要があります。フォームから実際に必要なパラメータは、選択したオーディオスニペットの開始位置と終了位置だけです。

ですから、これはクライアントが望んでいることであり、私はブレインストーミングの段階にあります。これまでのところ、私はたくさんのmp3ファイルと対応する波形グラフィックスを持っています。ブラウザのサポートに関しては、ブラウザが「最新バージョンの...」である必要があることを指定しても問題ありませんが、Safari、Firefox、Opera、IE、Chromeのすべての有名企業をサポートしたいと思います。 。

実装を支援するために検討すべきJavaScriptライブラリまたはソリューションの提案がありますか:オーディオファイルの埋め込み、再生制御インターフェイス、およびスニペット選択インターフェイス。(HTML5の実装を支援するために)すべてのmp3に対応するOGGファイルを生成することは可能かもしれませんが、それは物事を複雑にするので、可能であれば私はしたくありません。したがって、理想的には、クロスブラウザサポートを提供するmp3のみのソリューションが必要です。おそらくjPlayerのようなものが可能でしょうか?私は確かにjQueryに精通しているので、それを使用することはボーナスになります。

「スニペット選択」インターフェースで役立つ可能性のある既存のライブラリはありますか?完全に理想的な世界では、「スクラブバー」を使用したソリューションになります。つまり、開始ハンドルと終了ハンドルをドラッグすると、「再生ヘッド」のサウンドが即座にプレビューされます。

アイデアや提案をありがとう!

編集(詳細):

このデモに似たものを作成できることを望んでいます: http ://www.happyworm.com/jquery/jplayer/latest/demo-07.htmユーザーが「スニペット」を選択できる追加機能を除いてトラックから、開始点と終了点のスクラブバーを使用して、再生を押してスニペットを試聴できます。だから、私の希望するインターフェースは次のようになります:

  • ページの読み込み時に、トラックはバッファリングを開始し、再生ボタンを押すと通常どおり最初から再生されます
  • ユーザーがトラックの左端からスクラブバーをドラッグすると、再生ヘッドのサウンドがプレビューされ(リンクしたデモのように)、スクラブバーを離すと、そこから最後まで再生が続行されます。トラック
  • ユーザーがトラックの右端から別のスクラブバーをドラッグすると、再生ヘッドのサウンドが再びプレビューされます。ただし、バーが解放されると、再生はLEFTスクラブバーに戻り、そこから続行する必要があります。(これを実現するのが難しすぎる場合は、右側のスクラブバーを使用して、ドラッグしたときにサウンドをプレビューせずに、選択範囲の最後の「マーカー」として機能させることができます)。
  • 2つのスクラブバーは互いにすれ違うことができないため、左側のスクラブバーは常に「開始」であり、右側のスクラブバーは選択範囲の「終了」です。
  • バーが移動されて選択が行われると、「停止」が押されるまで、再生は選択されたスニペットを無期限にループする必要があります。
  • 理想的な世界では、スニペットの開始、終了、長さの値が常に整数になるように、スクラブバーを整数のグリッドに「スナップ」させたいと思います。それができない場合は、JavaScriptで後で数値を最も近い整数に丸めます。
0 投票する
1 に答える
1671 参照

jquery - jqueryで特定の割合の時間の間jplayerがプレイ

次のようにして、特定の時点またはパーセントで jPlayer を起動できることを知っています。

これは再生コマンドを発行するときです (正常に動作します) が、2 つの固定ポイント間の再生時間を絶対時間またはパーセントで制限するにはどうすればよいですか? つまり、30% で開始し、50% で終了するなどです。基本的には、曲の良い断片です。アイデアや指針はありますか?

http://www.happyworm.com/jquery/jplayer/latest/developer-guide.htm#jPlayer-playHead

0 投票する
2 に答える
7299 参照

javascript - jplayerでprogressイベントを取得する方法

私はjQuery 1.5とjPlayer 2.0.0を使用しています。これが音楽を自動再生するという事実を無視してください。開始する前に十分な警告を提供します。ユーザーは大きなボタンを押してページを開始する必要があります。大きなSTOPボタンを提供します。

ページの準備ができてオーディオがロードされた後、オーディオ ファイルの再生を開始し、関数を呼び出したいと思います。

私は次のjavascriptを持っています(よりよく理解できるようにコードを変更しました)。

上記のコードをトリガーするこの関数があります。

私は同じコードを使用していましたが、$.jPlayer.event.progress の代わりに if ステートメントを使用せずに $.jPlayer.event.loadeddata イベントを使用していました。一部のブラウザーでは問題なく動作しましたが、フラッシュの使用に関しては互換性がありません。イベントを発生させません (また、firefox 3.5 でも問題がありましたが、その理由はわかりません)。上記はFirefoxで動作するようです

私はこれを読みました

「代わりに進行状況イベントを使用して、event.jPlayer.status.seekPercent === 100 であることを確認することをお勧めします。」

この投稿http://groups.google.com/group/jplayer/browse_thread/thread/9dc9736f9d6947bd?pli=1作成者による

何か提案はありますか?


編集

chrome と safari でこれが機能していないので、Firefox の新しいバージョン 3.6 でこれをテストしました (最初にこれを行うべきでした)。

Flash および HTML5 ブラウザーでサポートされる堅牢な jPlayer イベント

上記のリンクでは、作成者は event.progress を使用してブラウザの問題を回避することを提案していますが、これはブラウザ固有の問題であるとしか考えられません。

ただし、これについて明確にすることができれば幸いです。

0 投票する
1 に答える
16830 参照

jplayer - jPlayer を使用したライブ オーディオのストリーミング

jPlayerの使い方を学んでいます。jPlayer を使用してhttp://u10.sky.fm:80/sky_the80sオーディオをストリーミングしたいと思います。

http://www.jplayer.org/1.2.0/demo-08-oggSupportFalse/デモは Chrome 9 で動作します。次のコード スニペットを使用して単純化しようとしました。

残念ながら、上記は機能しませ。私はjPlayerを初めて使用するので、何かが足りないと確信しています。

どんな助けでも大歓迎です。よろしくお願いします。

繰り返しますが、理想的にはhttp://u10.sky.fm:80/sky_the80sをストリーミングしたいと思います。

昨夜、 https://groups.google.com/forum/?fromgroups#!topic/jplayer/yW7WoYtrxI8に投稿してください。

更新: 次のコード スニペットが機能します

しかし、まだhttp://u10.sky.fm:80/sky_the80sを機能させることはできません

更新 2: 次のコード スニペットは Firefox Minefield では機能しますが、Chrome 9では機能しません。

0 投票する
1 に答える
592 参照

jquery-plugins - JQuery ScrollTo 競合

jquery と 3 つのプラグインを使用するサイトを構築しました...

  1. jquery.lightbox-0.5
  2. ScrollTo
  3. jPlayer

jPlayer スクリプトと ScrollTo スクリプトの間で何らかの競合が続いています。jPlayer がなければ、ScrollTo スクリプトは正常に動作します。しかし、jPlayer を追加すると、ScrollTo 関数はページを選択した div にスクロールしますが、選択した div にとどまるのではなく、スクロールをページの上部に戻します。

競合が何であるかを理解するのを手伝ってくれませんか。これらのスクリプトを両方とも同じページで使用できますか?

私が取り組んでいるサイトはこちらです。

http://www.multiplydivide.com/colm/mainorder.html#

0 投票する
3 に答える
4702 参照

jquery - jPlayerが一部のブラウザでファイルを再生しない

私は音楽プレーヤーでウェブサイトを構築しています。私はjPlayerを使用しています。私のプレイリストでは、すべての曲がmp3形式とogg形式の両方になっています。私はローカルホスト、ビジュアルスタジオ2010開発サーバーに取り組んでいます。

  • Chrome-正常に再生されます
  • Firefox-再生されませんが、サーバー上の適切なファイルを呼び出します
  • Opera-正常に再生されます
  • Safari(Windows)-正常に再生されます
  • IE9-正常に再生されます
  • IE8/7-何もしないでください

jPlayer.jsとjplayer.swfは同じフォルダーにあるので、swfPath="";を設定します。私は/also/ try / abstract / pathですが、何も変更しませんでした。

0 投票する
1 に答える
2752 参照

jquery - jquery jplayer プラグインで mp3 を再生する

jplayerを使用してファイルを再生しようとしています

私が実験したサイトは次のとおりです。

http://122.176.89.242/バンド

バックグラウンドミュージックはクロムで再生されます

ただし、Firefox にはありません

Firefox でプレイするにはどうすればよいですか

ありがとう

0 投票する
1 に答える
457 参照

jquery - サーバー上のオーディオファイルが壊れた方法で埋め込まれている

jPlayerを使用して2つのオーディオファイルをページに埋め込みます。基本的に、コードはこのページから切り取られて貼り付けられます。1つはwavで、もう1つはmp3です。すべてがローカル(mac)で正常にステージングされて動作しますが、サーバーにアップロードすると、オーディオファイルが奇妙な方法で失敗します。

Chromeはwavファイルを30秒で開始し(ロケーションスクラバーは最初から開始しますが)、早く終了するため、JavaScriptがサウンドファイルの正しい長さを取得していると思われます。mp3は再生を開始することさえありません。ロードするふりをしますが、ロードしません。

どういうわけか、Safariは正常に動作します。

Firefoxも問題なく動作します。おそらくそれはプレイヤーのフラッシュオプションにフォールバックしているからですか?

IE8はmp3を再生しますが、wavは再生せず、前者のプログレスバーを表示できません。

最初は、ファイルのアップロード方法に問題があると思いました。当初、私はTransmitを使用していましたが、これはASCIIとバイナリのどちらについても賢明なはずです。私scpはファイルを試してみましたが、それでもそれらは厄介な動作をしていました。

そのとき、mimeタイプが正しく設定されていないと思ったので、アセットフォルダーの.htaccessファイルに2行追加しましたが、何も変わりませんでした。htaccessファイルは次のようになります。おそらく、含める必要のあるものを忘れたのでしょうか。

アイデア?

編集:wavとmp3の両方でmimeタイプをapplication / octet-streamに変更しようとしましたが、プレーヤーアプリケーションには何の影響もなかったようです。オーディオファイルに直接リンクすると、それらがダウンロードされます。

0 投票する
1 に答える
1316 参照

javascript - jPlayerプレイリストのイベントでdivにスクロールする必要があるヘルプ

javascriptオーディオプレイリストであるjPlayerのさまざまなイベントで、DIVへのスクロール(つまり、多少の緩和を伴うスムーズなスクロール)を実装しようとしています。基本的に、プレイリストはスクロールバーとマウスホイールスクロールを備えたスクロールDIVにあり、トラックが変更されたときに、現在再生中のトラック、つまり新しいトラックへのスクロールをトリガーして、DIVの垂直方向の中央に配置するようにします(可変高さ)。

まず、#jplayer_nextイベントにコードを追加することから始めようと思いました。これは通常次のようになります。

私は追加する次のコードを思いついた:

ここで、#jplayer_playlistはスクロールするDIVであり、.jplayer_playlist_currentは現在再生中のトラックのクラスです。コードは何かをしますが、divを飛び回るのはかなり無意味です。これは、現在再生中のトラックにいくらか関連しているように見えますが、私が探しているものではありません。

ここでプレイリストを見ることができます。現在再生中のトラックは緑色で強調表示されており、次のボタンをクリックすると、DIVは現在再生中のトラックまでスムーズにスクロールしていません。

誰かが私がこれを正しく機能させるためにコードを修正するのを手伝ってくれるなら、私は感謝するでしょう。

ありがとう、

ニック