0

我希望在我试图放在我的博客(博客平台)上的这个自定义 jplayer mp3 上获得一些帮助。在编码方面,我基本上对这个词的所有含义都很熟悉。我从这里开始按照本教程进行操作,并做了所有事情,但我仍然无法让播放器工作。这是代码。任何帮助将不胜感激,因为我几天来一直在做这件事。

    
    $(文档).ready(函数() {
    // 使用 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 播放器的各个方面,从播放按钮到显示文本,以及介于两者之间的所有内容。单击站点链接并使用右侧的控件调整播放器的设置,以使 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/

于 2013-07-09T23:54:27.073 回答