問題タブ [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.
jplayer - jplayer はトラックを再生しません (NaN を返します)
私は自分のウェブサイトで jplayer を使用しています。クロムでのみ正常に動作します。firefox と safari では、トラックが再生されず、合計時間に NaN が返されますが、エラーが表示されます: a._getMovie() is null or is not a object
何か案は?
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で後で数値を最も近い整数に丸めます。
jquery - jqueryで特定の割合の時間の間jplayerがプレイ
次のようにして、特定の時点またはパーセントで jPlayer を起動できることを知っています。
これは再生コマンドを発行するときです (正常に動作します) が、2 つの固定ポイント間の再生時間を絶対時間またはパーセントで制限するにはどうすればよいですか? つまり、30% で開始し、50% で終了するなどです。基本的には、曲の良い断片です。アイデアや指針はありますか?
http://www.happyworm.com/jquery/jplayer/latest/developer-guide.htm#jPlayer-playHead
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 を使用してブラウザの問題を回避することを提案していますが、これはブラウザ固有の問題であるとしか考えられません。
ただし、これについて明確にすることができれば幸いです。
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では機能しません。
jquery-plugins - JQuery ScrollTo 競合
jquery と 3 つのプラグインを使用するサイトを構築しました...
- jquery.lightbox-0.5
- ScrollTo
- jPlayer
jPlayer スクリプトと ScrollTo スクリプトの間で何らかの競合が続いています。jPlayer がなければ、ScrollTo スクリプトは正常に動作します。しかし、jPlayer を追加すると、ScrollTo 関数はページを選択した div にスクロールしますが、選択した div にとどまるのではなく、スクロールをページの上部に戻します。
競合が何であるかを理解するのを手伝ってくれませんか。これらのスクリプトを両方とも同じページで使用できますか?
私が取り組んでいるサイトはこちらです。
jquery - jPlayerが一部のブラウザでファイルを再生しない
私は音楽プレーヤーでウェブサイトを構築しています。私はjPlayerを使用しています。私のプレイリストでは、すべての曲がmp3形式とogg形式の両方になっています。私はローカルホスト、ビジュアルスタジオ2010開発サーバーに取り組んでいます。
- Chrome-正常に再生されます
- Firefox-再生されませんが、サーバー上の適切なファイルを呼び出します
- Opera-正常に再生されます
- Safari(Windows)-正常に再生されます
- IE9-正常に再生されます
- IE8/7-何もしないでください
jPlayer.jsとjplayer.swfは同じフォルダーにあるので、swfPath="";を設定します。私は/also/ try / abstract / pathですが、何も変更しませんでした。
jquery - jquery jplayer プラグインで mp3 を再生する
jplayerを使用してファイルを再生しようとしています
私が実験したサイトは次のとおりです。
バックグラウンドミュージックはクロムで再生されます
ただし、Firefox にはありません
Firefox でプレイするにはどうすればよいですか
ありがとう
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に変更しようとしましたが、プレーヤーアプリケーションには何の影響もなかったようです。オーディオファイルに直接リンクすると、それらがダウンロードされます。
javascript - jPlayerプレイリストのイベントでdivにスクロールする必要があるヘルプ
javascriptオーディオプレイリストであるjPlayerのさまざまなイベントで、DIVへのスクロール(つまり、多少の緩和を伴うスムーズなスクロール)を実装しようとしています。基本的に、プレイリストはスクロールバーとマウスホイールスクロールを備えたスクロールDIVにあり、トラックが変更されたときに、現在再生中のトラック、つまり新しいトラックへのスクロールをトリガーして、DIVの垂直方向の中央に配置するようにします(可変高さ)。
まず、#jplayer_nextイベントにコードを追加することから始めようと思いました。これは通常次のようになります。
私は追加する次のコードを思いついた:
ここで、#jplayer_playlistはスクロールするDIVであり、.jplayer_playlist_currentは現在再生中のトラックのクラスです。コードは何かをしますが、divを飛び回るのはかなり無意味です。これは、現在再生中のトラックにいくらか関連しているように見えますが、私が探しているものではありません。
ここでプレイリストを見ることができます。現在再生中のトラックは緑色で強調表示されており、次のボタンをクリックすると、DIVは現在再生中のトラックまでスムーズにスクロールしていません。
誰かが私がこれを正しく機能させるためにコードを修正するのを手伝ってくれるなら、私は感謝するでしょう。
ありがとう、
ニック