Question

我希望得到一些帮助这个自定义jplayer mp3我试图放在我的博客（博客平台）。在编码方面，我基本上对这个词的每个含义都是不成熟的。我从here开始遵循这个教程，但是我仍然无法让玩家继续工作。这是代码。任何帮助都会非常感激，因为我已经好好连续几天做这件事了。

    
    $(document).ready(function() {
    // Using jQuery object, rather than $
    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>

Answer 1

如果没有看到放置播放器和相关代码的位置，就很难确定问题。但是，我确实使用JPlayer的官方网站创建了一个测试版mp3，也遇到了问题。我假设它与JPlayer的服务器端代码有关，所以我不再浪费时间了。

我假设您想使用JPlayer在可自定义的播放器中播放您的mp3。如果是这种情况，则存在替代性。一个例子是http://www.staticplayer.com/。您可以创建自定义播放器。这使您可以将Flash Mp3播放器的每个方面从播放按钮更改为显示文本，以及介于两者之间的所有内容。单击站点链接并使用右侧的控件调整播放器的设置，使mp3播放器以您想要的任何方式显示。

静态播放器也只有3kb左右，非常轻巧。换句话说，它可能是在你的网站上加载之前的第一件事，因为它太小了。它是免费的。

以下是上述代码中使用mp3歌曲的播放器示例。只需点击“添加小工具”并选择“HTML / Javascript”，即可将此代码复制并粘贴到Blogger的“布局”部分：

    <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/

Jquery播放和停止按钮

1 个答案: