2013-07-09 101 views
0

我希望得到一些帮助,这个自定义jplayer mp3即时通讯试图把我的博客(博客平台)。在编码方面,我基本上都是这个词的每一个意义上的一个成熟者。我遵循here这个教程,并做了一些提示,但我仍然无法让玩家上班。这是代码。任何帮助将非常感谢,因为我一直在试图做这件事情几天。jquery播放和停止按钮

 
    
    $(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>
+0

尝试删除行'solution:“flash,html”,'和底部的事件处理程序。 – adeneo

+0

thanx为yuh答复,但没有运气仍然。如果任何人都可以帮助ID非常感谢这个人。如果有人想为我解决问题,我甚至不会介意付费。任何人? – Mervin

回答

2

这是很难找出问题,没有看到你把玩家和assoiated代码。但是,我确实使用JPlayer的官方站点创建了一个测试版mp3,并且也出现了问题。我假设它与JPlayer的服务器端代码有关,所以我不再浪费时间。

我假设你想用JPlayer在可定制的播放器中播放你的mp3。如果是这样的话,那就是交替。一个例子是http://www.staticplayer.com/。您可以创建一个自定义播放器。这使您可以将Flash Mp3 Player的每个方面从播放按钮更改为显示文本以及其间的所有内容。点击站点链接并使用右侧的控件来调整播放器的设置,使MP3播放器以任何你想要的方式。

静态播放器也只有约3kb,使它极其轻盈。换句话说,它可能是首先在你的网站上加载的第一件事,因为它太小了。它是免费的。

下面是在上面的代码中使用mp3歌曲的播放器示例。只需复制并通过点击“添加小工具”,然后选择“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/