بىلىملەر مۇنبىرى

 پارول قايتۇرىۋېلىش
 تىزىملىتىڭ

تېلفۇن نومۇردا كىرىش

جەمئىي مىكروبلوگ 97 تال  

مىكروبلوگ[ يېڭى | 24 سائەت | 7 كۈن | 30 كۈن ]

كۆرۈش: 4204|ئىنكاس: 27

[HTML/CSS] يانفۇن بىكەتلىرىگە ماس كىلىدىغان مۇزىكا قويغۇچلار

[ئۇلانما كۆچۈرۈش]

بىكەتكە ئەزا نامىڭىز بىلەن كىرسىڭىز تېخىمۇ كۆپ ئۇچۇرلارنى كۆرەلەيسىز

مۇنبىرىمىزگە تىزىملىتىپ كىرسىڭىز ئاندىن قوشۇمچە ھۆججەتنى كۆرەلەيسىز ياكى چۈشۈرەلەيسىز . تېخى تىزىملاتمىغانمۇ؟ تىزىملىتىڭ

x
تىشلىقمۇ .
مەن ئوماق مۇزىكا تورىنىڭ يانفۇن نۇسخىسىنى سىناق قىلىش جەريانىدا بىر نەچچە خىل مۇزىكا قويغۇچلارنى سىناق قىلىپ باقتىم ،
ماڭا يارىغان ھەم نورمال ناخشا قويغان  قويغۇچلار.
بۇ قويغۇچلار html5 نى قوللايدىغان تور كۆرگۈچلەردە نورمال قۇيىدۇ .

1. بۇ بولسا  ھېچقانداق js  ئېسىلمىغان  ناخشا قۇيۇش سۈرئېتى تىز قويغۇچ .
كەمچىلىكى بەزى خەنزۇچە تور كۆرگۈچلەردە ناخشا قۇيۇلمايدۇ .
مەسىلەن uc تور كۆرگۈچى .
رەسىم :
ertetert.jpg

قويغۇچ كودى
  1. <audio src="http://omakmp3.com//album/file/20140118/omakmp3_20140118045756_44090.mp3" controls autoplay loop>
  2. HTML5 audio not supported
  3. </audio>
مەزمۇننى كۆچۈرۈۋېلىش
2.  jplayer  قويغۇچى
بۇ قويغۇچنىڭ كۈرۈنمىسى چىرايلىق ئەمما ناخشا قۇيۇش سۈرئېتى نورمال بەك تىز دەپ كەتكىلى بولمايدۇ .
سىناپ باقساڭلار  بولىدۇ .
ئورگان تور بىكەت ئادېرسى : www.jplayer.org

رەسمى :
weretwetet.jpg

  1. <link rel="stylesheet" href="http://yanfun.sarkuy.cn/jplayer/js/circle.player.css">
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

  3. <script type="text/javascript" src="http://yanfun.sarkuy.cn/jplayer/js/jquery.jplayer.min.js"></script>
  4. <script type="text/javascript" src="http://yanfun.sarkuy.cn/jplayer/js/jquery.transform2d.js"></script>
  5. <script type="text/javascript" src="http://yanfun.sarkuy.cn/jplayer/js/jquery.grab.js"></script>
  6. <script type="text/javascript" src="http://yanfun.sarkuy.cn/jplayer/js/mod.csstransforms.min.js"></script>
  7. <script type="text/javascript" src="http://yanfun.sarkuy.cn/jplayer/js/circle.player.js"></script>

  8. <script type="text/javascript">
  9. //<![CDATA[

  10. $(document).ready(function(){

  11.         /*
  12.          * Instance CirclePlayer inside jQuery doc ready
  13.          *
  14.          * CirclePlayer(jPlayerSelector, media, options)
  15.          *   jPlayerSelector: String - The css selector of the jPlayer div.
  16.          *   media: Object - The media object used in jPlayer("setMedia",media).
  17.          *   options: Object - The jPlayer options.
  18.          *
  19.          * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer.
  20.          *
  21.          * The CirclePlayer uses the default supplied:"m4a, oga" if not given, which is different from the jPlayer default of supplied:"mp3"
  22.          * Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution.
  23.          * However, the OGA format would be used in this case with the HTML solution.
  24.          */

  25.         var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
  26.         {
  27.                 m4a: "http://omakmp3.com//album/file/20140118/omakmp3_20140118045756_44090.mp3"
  28.         }, {
  29.                 cssSelectorAncestor: "#cp_container_1",
  30.                 swfPath: "/jplayer/js",
  31.                 wmode: "window"
  32.         }).jPlayer("play");

  33. });
  34. //]]>
  35. </script>
  36. <center>


  37. <font style=" color:#ff7000; font-size:12pt; direction:rtl;">سېغىندىم سېنى - ئوماق مۇزىكا تورى</font>


  38. <div id="jquery_jplayer_1" class="cp-jplayer"></div>
  39.                         <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->

  40.                         <div id="cp_container_1" class="cp-container">
  41.                                 <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
  42.                                         <div class="cp-buffer-1"></div>
  43.                                         <div class="cp-buffer-2"></div>
  44.                                 </div>
  45.                                 <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
  46.                                         <div class="cp-progress-1"></div>
  47.                                         <div class="cp-progress-2"></div>
  48.                                 </div>
  49.                                 <div class="cp-circle-control"></div>
  50.                                 <ul class="cp-controls">
  51.                                         <li><a class="cp-play" tabindex="1">play</a></li>
  52.                                         <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
  53.                                 </ul>

  54.                                 <div class="clear mt5"></div>
  55.                         </div>

  56.                                 <div class="do_fav"></div>
  57.   </center>

  58. </div>
مەزمۇننى كۆچۈرۈۋېلىش
قۇشۇمچە js ۋە css  ھۆججەتلىرىنى چۈشۈرۋېلىڭ



بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-1-31 21:21:52 | ھەممە قەۋەتنى كۆرۈش
مانى ساقلاپ  قۇيسا  زىيان تارتمايدۇ  
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-1 01:23:34 | ھەممە قەۋەتنى كۆرۈش
مەنمۇ  ساقلاپ قوياي كىيىن چوقۇم پايدىسى تېگىدۇ تېما ئېگىسىگە رەخمەت
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:20 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:28 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:29 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:29 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:29 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:30 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:30 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:02:36 | ھەممە قەۋەتنى كۆرۈش
ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-2 18:03:03 | ھەممە قەۋەتنى كۆرۈش

RE: يانفۇن بىكەتلىرىگە ماس كىلىدىغان مۇزىكا قويغۇچلار

ياخشى تېماكەن
بىلمىگەننى بىلىملەردىن بىل!
 ئىگىسى| ۋاقتى: 2014-2-2 21:59:19 | ھەممە قەۋەتنى كۆرۈش
دلزات يوللىغان ۋاقتى  2014-2-2 18:03
ياخشى تېماكەن

بىر قىتىملا يازسىڭىزمۇ  بولاتتى ئەمەسمۇ
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-3 19:22:41 | ھەممە قەۋەتنى كۆرۈش
مەن دەل مۇشۇ قويغۇچ ئارقىلىق ناخشا بېتىنىڭ يانفۇن نۇسخسىنى پۇتتۇرۋالدىم  http://www.alkut.cn/mp31/   كۈرۈپ بېقىڭ
بىلمىگەننى بىلىملەردىن بىل!
ۋاقتى: 2014-2-4 14:24:33 | ھەممە قەۋەتنى كۆرۈش
رەخمەت ، سىزگە
بىلمىگەننى بىلىملەردىن بىل!
كىرگەندىن كېيىن ئىنكاس يازالايسىز كىرىش | تىزىملىتىڭ

سەھىپە جۇغلانما قائىدىسى

QQ|قاماقخانا|رەسىمسىز ھالەت|يانفۇن|بىلىملەر تورى ( 冀ICP备14002886号-3 

GMT+8, 2019-3-24 01:04 , Processed in 0.204374 second(s), 35 queries .

Powered by Discuz! X3.2(NurQut Team)

© 2001-2013 Comsenz Inc.

تېز ئىنكاس چوققىغا قايتىش سەھىپىگە قايتىش