0

このカスタムの jplayer mp3 を私のブログ (ブロガー プラットフォーム) に載せようとしているので、助けてもらいたいと思っています。基本的に、コーディングに関しては、言葉のあらゆる意味でアマチュアです。ここからこのチュートリアルに従い、適切にすべてを行いましたが、まだプレーヤーを動作させることができません。これがコードです。何日もこのことをしなければならなかったので、どんな助けも大歓迎です。

    
    $(document).ready(function() {
    // $ ではなく jQuery オブジェクトを使用
    var mediaPlayer = jQuery('#mediaContainer');

mediaPlayer.jPlayer({ // Tells JPlayer where to find the SWF file. swfPath: 'https://sites.google.com/site/maestromuzic/Jplayer.swf', // Fix for some older Andriod phones. solution: "flash, html", // Tells the player that the track is available in: // mp3, Ogg Vorbis and Wave formats. supplied : 'mp3', // Assigns the CSS selectors which will control the player, // creating buttons. cssSelector: { play: '#playButton', pause: '#pauseButton', stop: '#stopButton' }, // Assigns the files for each format, once the player is loaded. ready: function() {jQuery(this).jPlayer("setMedia", { mp3: 'http://files.mboxdrive.com/1296462407/Lutan Fyah - Badmind.mp3', });} }); $('#playButton').click(function() { $('#mediaContainer').jPlayer('play'); }); $('#pauseButton').click(function() { $('#mediaContainer').jPlayer('pause'); }); $('#stopButton').click(function() { $('#mediaContainer').jPlayer('stop'); }); }); </script> <div id="mediaPlayer"> <div id="mediaContainer"> </div> <div id="playButton"> Play</div> <div id="pauseButton"> Pause</div> <div id="stopButton"> Stop</div> </div><code>
4

1 に答える 1

2

プレーヤーと関連コードを配置した場所を確認せずに問題を特定することは困難です。ただし、JPlayer の公式サイトを使用してテスト版の mp3 を作成しましたが、これも問題がありました。これは JPlayer のサーバー側コードに関係しているのではないかと推測しているので、これ以上時間を無駄にすることはありませんでした。

JPlayer を使用して、カスタマイズ可能なプレーヤーで mp3 を再生したいと思っていると思います。この場合、代替手段があります。一例はhttp://www.staticplayer.com/です。カスタム プレーヤーを作成できます。これにより、再生ボタンから表示テキストまで、Flash Mp3 Player のあらゆる側面を変更できます。サイト リンクをクリックし、右側のコントロールを使用してプレーヤーの設定を調整し、mp3 プレーヤーの外観を好みに合わせます。

静的プレーヤーもわずか約 3kb で、非常に軽量です。つまり、非常に小さいため、他の何よりも先に Web サイトに最初に読み込まれる可能性があります。そしてそれは無料です。

上記のコードで mp3 ソングを使用するプレーヤーの例を次に示します。このコードをコピーして Blogger の [レイアウト] セクションに貼り付けます。[ガジェットを追加] をクリックし、[HTML/Javascript] を選択します。

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="187" height="35">

    <param name="movie" value="http://www.staticplayer.com/Flash/chameleon.swf" />

    <param name="AllowScriptAccess" value="always" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="wmode" value="transparent" />

    <param name="flashvars" value="mp3_url=http://files.mboxdrive.com/1296462407/Lutan Fyah - Badmind.mp3&autoplay=no&bg_type=none&bg_width=187&bg_height=35&bg_alpha=100&bg_color=0x000000&bg_image=http://www.staticplayer.com/images/chameleon/default.gif&border_type=ellipse&border_color=0xAAAAAA&border_width=1&border_alpha=100&border_ellipse=1&play_color=0xEDD900&play_width=25&play_height=25&play_x=5&play_y=5&show_bar=yes&playbar_color=0xEDD900&load_color=0x404040&load_width=145&load_height=5&load_x=35&load_y=20&show_text=yes&text_size=10&text_color=0xFFFFFF&text_x=32&text_y=5&text_idle=Lutan Fyah - Badmind" />

    <embed src="http://www.staticplayer.com/Flash/chameleon.swf" allowscriptaccess="always" quality="high" scale="noscale" salign="lt" wmode="transparent" flashvars="mp3_url=http://files.mboxdrive.com/1296462407/Lutan Fyah - Badmind.mp3&autoplay=no&bg_type=none&bg_width=187&bg_height=35&bg_alpha=100&bg_color=0x000000&bg_image=http://www.staticplayer.com/images/chameleon/default.gif&border_type=ellipse&border_color=0xAAAAAA&border_width=1&border_alpha=100&border_ellipse=1&play_color=0xEDD900&play_width=25&play_height=25&play_x=5&play_y=5&show_bar=yes&playbar_color=0xEDD900&load_color=0x404040&load_width=145&load_height=5&load_x=35&load_y=20&show_text=yes&text_size=10&text_color=0xFFFFFF&text_x=32&text_y=5&text_idle=Lutan Fyah - Badmind" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="188" height="36"></embed></object>

コードを見るだけでプレーヤーの外観とスタイルを簡単に変更できますが、問題が発生した場合は、役立つサイトを使用して、必要なプレーヤーのカスタマイズを行ってください: http://www.staticplayer.com/

于 2013-07-09T23:54:27.073 に答える