Accueil Explorer Aide
Connexion
nathansstm
/
tuvme.xyz-server-main
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Branche: main
Branches Tags
tuvme.xyz-se...
/
jplayer
/
examples
/
blue.monday
/
demo-01-supplied-mp3.html

demo-01-supplied-mp3.html 2.5 KB
Lien permanent Historique Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8" />
    5. 

  5. <!-- Website Design By: www.happyworm.com -->
    6. 

  6. <title>Demo : jPlayer as an audio player</title>
    7. 

  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    8. 

  8. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    9. 

  9. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    10. 

  10. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    11. 

  11. <script type="text/javascript">
    12. 

  12. //<![CDATA[
    13. 

  13. $(document).ready(function(){
    14. 

  14. 

  15. 	$("#jquery_jplayer_1").jPlayer({
    16. 

  16. 		ready: function () {
    17. 

  17. 			$(this).jPlayer("setMedia", {
    18. 

  18. 				title: "Bubble",
    19. 

  19. 				mp3: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3"
    20. 

  20. 			});
    21. 

  21. 		},
    22. 

  22. 		swfPath: "../../dist/jplayer",
    23. 

  23. 		supplied: "mp3",
    24. 

  24. 		wmode: "window",
    25. 

  25. 		useStateClassSkin: true,
    26. 

  26. 		autoBlur: false,
    27. 

  27. 		smoothPlayBar: true,
    28. 

  28. 		keyEnabled: true,
    29. 

  29. 		remainingDuration: true,
    30. 

  30. 		toggleDuration: true
    31. 

  31. 	});
    32. 

  32. });
    33. 

  33. //]]>
    34. 

  34. </script>
    35. 

  35. </head>
    36. 

  36. <body>
    37. 

  37. <div id="jquery_jplayer_1" class="jp-jplayer"></div>
    38. 

  38. <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
    39. 

  39. 	<div class="jp-type-single">
    40. 

  40. 		<div class="jp-gui jp-interface">
    41. 

  41. 			<div class="jp-controls">
    42. 

  42. 				<button class="jp-play" role="button" tabindex="0">play</button>
    43. 

  43. 				<button class="jp-stop" role="button" tabindex="0">stop</button>
    44. 

  44. 			</div>
    45. 

  45. 			<div class="jp-progress">
    46. 

  46. 				<div class="jp-seek-bar">
    47. 

  47. 					<div class="jp-play-bar"></div>
    48. 

  48. 				</div>
    49. 

  49. 			</div>
    50. 

  50. 			<div class="jp-volume-controls">
    51. 

  51. 				<button class="jp-mute" role="button" tabindex="0">mute</button>
    52. 

  52. 				<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
    53. 

  53. 				<div class="jp-volume-bar">
    54. 

  54. 					<div class="jp-volume-bar-value"></div>
    55. 

  55. 				</div>
    56. 

  56. 			</div>
    57. 

  57. 			<div class="jp-time-holder">
    58. 

  58. 				<div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
    59. 

  59. 				<div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
    60. 

  60. 				<div class="jp-toggles">
    61. 

  61. 					<button class="jp-repeat" role="button" tabindex="0">repeat</button>
    62. 

  62. 				</div>
    63. 

  63. 			</div>
    64. 

  64. 		</div>
    65. 

  65. 		<div class="jp-details">
    66. 

  66. 			<div class="jp-title" aria-label="title">&nbsp;</div>
    67. 

  67. 		</div>
    68. 

  68. 		<div class="jp-no-solution">
    69. 

  69. 			<span>Update Required</span>
    70. 

  70. 			To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    71. 

  71. 		</div>
    72. 

  72. 	</div>
    73. 

  73. </div>
    74. 

  74. </body>
    75. 

  75. 

  76. </html>
    77. 

  77.