地铁二期项目正式开始

VoicePlay1.cshtml 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>听取录音</title>
  6. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  7. <link href="/Content/css/public.css" rel="stylesheet" />
  8. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  9. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  10. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  11. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  12. <script type="text/javascript">
  13. function LoadList() {
  14. //window.open(document.getElementById("WindowsMediaPlayer1").URL);
  15. debugger
  16. console.log("@Model.downpath")
  17. document.getElementById("frameTelList").src = "@Model.downpath";
  18. }
  19. function PlayUrl(url) {
  20. document.getElementById("divPlist").innerHTML = "<embed id=\"embedPlay\" type=\"audio/mp3\" src=\"" + url + "\" autostart=\"true\" loop=\"false\" />";
  21. }
  22. function OpenPlayUrl(url) {
  23. window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes");
  24. }
  25. function Init() {
  26. var strpath = document.getElementById("txtPath").value;
  27. var arr = strpath.split('^');
  28. var html = "点击播放<br />";
  29. for (var i = 0; i < arr.length; i++) {
  30. var c = i + 1;
  31. if (i == 0) {
  32. PlayUrl(arr[i]);
  33. }
  34. html += "<span onclick='OpenPlayUrl(\"" + arr[i]+"\")'>"+c + "、" + arr[i]+"</span><br />";
  35. }
  36. document.getElementById("divFileList").innerHTML = html;
  37. }
  38. </script>
  39. </head>
  40. <body onload="Init();" class="childrenBody">
  41. <div class="layui-fluid">
  42. <div class=" layui-col-space15">
  43. <div class="layui-card">
  44. <div class="layui-card-body">
  45. <div class="layui-row layui-col-space15 searchfilter">
  46. <div id="divPlist" class="layui-col-md12">
  47. <embed id="embedPlay" type="audio/mp3" src="" autostart="true" loop="false" />
  48. </div>
  49. <div class="layui-col-md12">
  50. <input id="txtPath" value="@Model.playpath" style="display:none;" />
  51. <div id="divFileList">@Model.playpath</div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="layui-card layui-form">
  57. <div class="layui-card-body layui-row layui-col-space10" style="text-align:center;">
  58. <button class="layui-btn" data-type="reload" onclick="LoadList();">
  59. <i class="layui-icon">&#xe601; 下载</i>
  60. </button><iframe id="frameTelList" src="" width="0" height="0" style="display:none;" frameborder="0"></iframe>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </body>
  66. </html>