地铁二期项目正式开始

VoicePlay.cshtml 3.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. document.getElementById("frameTelList").src = "@Model.downpath";
  16. }
  17. function PlayUrl(url) {
  18. document.getElementById("divPlist").innerHTML = "<embed id=\"embedPlay\" type=\"audio/mp3\" src=\"" + url + "\" autostart=\"true\" loop=\"false\" />";
  19. }
  20. function OpenPlayUrl(url) {
  21. window.open(url, "_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes");
  22. }
  23. function Init() {
  24. var strpath = document.getElementById("txtPath").value;
  25. if(strpath){
  26. var arr = strpath.split('^');
  27. var html = "点击播放<br />";
  28. for (var i = 0; i < arr.length; i++) {
  29. var c = i + 1;
  30. if (i == 0) {
  31. PlayUrl(arr[i]);
  32. }
  33. html += "<span onclick='OpenPlayUrl(\"" + arr[i]+"\")'>"+c + "、" + arr[i]+"</span><br />";
  34. }
  35. } else{
  36. html = "暂无留言"
  37. $("#embedText").show()
  38. $("#embedPlay").hide()
  39. }
  40. document.getElementById("divFileList").innerHTML = html;
  41. }
  42. </script>
  43. </head>
  44. <body onload="Init();" class="childrenBody">
  45. <div class="layui-fluid">
  46. <div class=" layui-col-space15">
  47. <div class="layui-card">
  48. <div class="layui-card-body">
  49. <div class="layui-row layui-col-space15 searchfilter">
  50. <div id="divPlist" class="layui-col-md12">
  51. <embed id="embedPlay" type="audio/mp3" src="" autostart="true" loop="false" />
  52. <div id="embedText" style="display: none; height:120px; padding:20px">无留言</div>
  53. </div>
  54. <div class="layui-col-md12">
  55. <input id="txtPath" value="@Model.downpath" style="display:none;" />
  56. <div id="divFileList">@Model.downpath</div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="layui-card layui-form">
  62. <div class="layui-card-body layui-row layui-col-space10" style="text-align:center;">
  63. @* <a href="@Model.downpath" download="w3logo">下载</a> *@
  64. <button class="layui-btn" data-type="reload" onclick="LoadList();">
  65. <i class="layui-icon">&#xe601; 下载</i>
  66. </button>
  67. <iframe id="frameTelList" src="" width="0" height="0" style="display:none;" frameborder="0"></iframe>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. </html>