play
stop
pause

 

Using the API to play / pause / stop

 

  1. <!-- A simple box style -->
  2. <style type="text/css">
  3.  
  4. .simpleDivButton, .simpleDivButton:link, .simpleDivButton:hover, .simpleDivButton:visited {
  5.  
  6. 	display:inline-block;
  7. 	background-color: #30AFFF;
  8. 	
  9. 	border-radius: 12px;
  10. 	
  11. 	border: 2px solid #9ED4F7;
  12. 	color: #FFFFFF;
  13. 	text-align: center;
  14. 	font-weight: bold;
  15. 	font-size: 20px;
  16. 	/*vertical align text using line-height = font-size (don't specify traditional width/height) */
  17. 	line-height : 20px;
  18. 	
  19. 	/*center button on page using auto margin-left/right*/
  20. 	margin-left: auto; 
  21. 	margin-right: auto;
  22. 	margin-top: 10px;
  23. 	padding:10px 20px 10px 20px; /* top right bottom left (t r b l = trouble) */
  24. 	
  25. 	cursor:pointer; /* mouse, so we don't get the text select when over */
  26. 	
  27. }
  28. .simpleDivButton:active {
  29. 	border: 6px solid #FFFFFF;
  30. 	background-color: #68C4FF;
  31. 	/* reduce padding to compensate for the 4px difference between border size */
  32. 	padding:6px 16px 6px 16px; /* top right bottom left (t r b l = trouble) */
  33. }
  34.  
  35. </style>
  36.  
  37. <div class="simpleDivButton" onclick="wimpyButton.play('../song3.mp3')">play</div>
  38. <div class="simpleDivButton" onclick="wimpyButton.stop()">stop</div>
  39. <div class="simpleDivButton" onclick="wimpyButton.pause()">pause</div>
giItT1WQy@!-/#