Nessuna descrizione

audioPlayer.html 2.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>录音</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../js/audioplayer/css/audioplayer.css" rel="stylesheet" />
  10. </head>
  11. <body>
  12. <div class="container clearfix">
  13. <div class="row">
  14. <div class="col-xs-10">
  15. <audio id="audio_player" preload controls>
  16. <source src="" />
  17. </audio>
  18. </div>
  19. <div class="col-xs-2">
  20. <input type="button" id="HY_download" class="btn btn-info input-sm" title="点击下载" value="下载" />
  21. <!--<a href="javascript:;" download="filename" id="HY_download" class="btn btn-info input-sm" title="点击下载">下载</a>-->
  22. <!--<a href="http://192.168.5.41:27000//20180804/3/1533374494849485950_3_172135.wav" download="">下载</a>-->
  23. </div>
  24. </div>
  25. </div>
  26. <script src="../js/download/download.js"></script>
  27. <script src="../js/audioplayer/js/audioplayer.js"></script>
  28. <script>
  29. $(function() {
  30. var audioUrl = helper.request.queryString("audioUrl"); //录音的路径
  31. if(audioUrl) {
  32. $('#audio_player').find('source').attr('src', audioUrl);
  33. $('#HY_download').on('click', function() {
  34. //详细见文档 http://danml.com/download.html
  35. var strFileName = audioUrl.substring((audioUrl.lastIndexOf('/') + 1));
  36. downloadUrl(audioUrl, strFileName);
  37. });
  38. }
  39. $('#audio_player').audioPlayer({    
  40. classPrefix: 'audioplayer',
  41.     strPlay: '开始',
  42.     strPause: '暂停',
  43.     strVolume: '音量'
  44. });
  45. });
  46. //下载文件
  47. function downloadUrl(audioUrl, strFileName) {
  48. console.log(audioUrl);
  49. console.log(strFileName);
  50. //codeHandler.encode[type](str);
  51. //codeHandler.encode(audioUrl, 'base64');
  52. //codeHandler.decode(audioUrl, 'base64');
  53. //download(audioUrl, strFileName);
  54. //download("data:audio/wav;base64,aHR0cDovLzE5Mi4xNjguNS40MToyNzAwMC8vMjAxODA4MDQvMTQvMTUzMzM0OTcxNDMxNjUwODM4MF8xNF8xMDI4MzQud2F2", "102834.wav");
  55. var x = new XMLHttpRequest();
  56. x.open("GET", audioUrl, true);
  57. x.responseType = 'blob';
  58. x.onload = function(e) {
  59. download(x.response, strFileName);
  60. }
  61. x.send();
  62. }
  63. </script>
  64. </body>
  65. </html>
  66. </script>
  67. </body>
  68. </html>