求教有关jrecorder插件的问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

求教有关jrecorder插件的问题

2016-06-13 10:19:59 2091 1

问题是这样的:前几天我在网上下了一个插件jrecorder,这是一个不需要任何flash编程技术就可以实现在线录音的jquery插件,但问题出现了,我在http://www.sajithmr.me/jrecorder/exam... 上下了插件,也按照提示把插件装在本地服务器上,但是老是出错:Uncaught TypeError: Object # has no method 'jStartRecording' ;jStartRecording函数在jrecorder.js中:

//function call to start a recording
    $.jRecorder.record = function(max_time){
        //change z-index to make it top
    $(  '#' + jRecorderSettings['recorderlayout_id'] ).css('z-index', 1000);
    getFlashMovie(jRecorderSettings['recorder_name']).jStartRecording(max_time);
} 

本地测试时使用的代码:

<html>
<head>
<meta name="author" content="Sajith Amma" />
<script src="../js/jquery.min.js"> </script>
<script src="../js/jRecorder-1.0-old.js"> </script>
<title>jRecorder Example</title>  
</head>
<body> 
<div id="locationforrecorder" style="border:1px solid grey">
</div>  
<script>
$.jRecorder(
     
    { 
     host : 'http://localhost/nahan/recorder/acceptfile.php?filename=hello.wav' ,        
     callback_started_recording:     function(){callback_started(); },
     callback_stopped_recording:     function(){callback_stopped(); },
     callback_activityLevel:  function(level){callback_activityLevel(level); },
     callback_activityTime:     function(time){callback_activityTime(time); },
     callback_finished_sending:     function(time){ callback_finished_sending() },
     swf_path : 'jRecorder.swf',
    }
    , $('#locationforrecorder')
    );
</script>
  <div style="background-color: #eeeeee;border:1px solid #cccccc">  
    Time: <span id="time">00:00</span>  
  </div>
  <div>
    Level: <span id="level"></span>
  </div>  
  <div id="levelbase" style="width:200px;height:20px;background-color:#ffff00">
     <div id="levelbar" style="height:19px; width:2px;background-color:red"></div>  
  </div>
  <div>
    Status: <span id="status"></status>
  </div> 
  <div>  
    <input type="button" id="record" value="Record" style="color:red">  
    <input type="button" id="stop" value="Stop">
  </div>
  <script type="text/javascript">                
    $('#record').click(function(){
      $.jRecorder.record(30);                    
   })                  
    $('#stop').click(function(){                                     
      $.jRecorder.stop();                                     
   })                  
   function callback_finished()
    {     
       $('#status').html('Recording is finished');                   
    }                  
   function callback_started()
    {      
       $('#status').html('Recording is started');
    }  
    function callback_error(code)
      {
         $('#status').html('Error, code:' + code);
      }
   function callback_stopped()
    {
      $('#status').html('Stop request is accepted');
    }
   function callback_finished_recording()
    {                    
      $('#status').html('Recording event is finished');                                       
    }
   function callback_finished_sending()
    {                    
     $('#status').html('File has been sent to server mentioned as host parameter');
    }
   function callback_activityLevel(level)
    {                    
     $('#level').html(level);                    
        if(level == -1)
         {
            $('#levelbar').css("width",  "2px");
         }
         else
         {
            $('#levelbar').css("width", (level * 2)+ "px");
         }                                        
    }
    function callback_activityTime(time)
     {                   
       //$('.flrecorder').css("width", "1px"); 
       //$('.flrecorder').css("height", "1px"); 
       $('#time').html(time);                    
     }
    
 </script>
</body>
</html>

我查看了网上那个示例的源代码,发现和我本地上的代码没有区别,所以真的很郁闷,到底哪里出错了?

取消 提交回答
全部回答(1)
  • 落地花开啦
    2019-07-17 19:35:11

    把所有JS代码放到$(function() { ~~放置jRecorder代码~~~~~ })

    0 0
相关问答

0

回答

请问可以用postgres-cdc 抽greenplum不?

2022-07-07 14:51:03 74浏览量 回答数 0

1

回答

Hive中的Where语句使用的方法是什么?

2021-12-07 14:35:01 66浏览量 回答数 1

1

回答

CoreOS 为 K8s networking 开发的解决方案,也是阿里云 ACK 产品支持的容器网

2021-11-30 17:08:35 174浏览量 回答数 1

0

回答

请问与用户管理有关的文件有哪些呀?

2021-10-28 23:41:59 188浏览量 回答数 0

1

回答

请问与用户管理有关的文件有哪些呀?

2021-10-28 23:51:35 184浏览量 回答数 1

1

回答

快照型容灾(SDR)支持运行在Hyper-v和VMWare上的虚拟机吗?

2020-02-28 22:37:15 459浏览量 回答数 1

1

回答

Visual Studio解决方案中的文件夹或项目?

2020-01-03 13:57:19 729浏览量 回答数 1

0

回答

如何在Android Studio中使用Java在arraylist中查找特定文件夹?

2019-12-19 16:24:02 383浏览量 回答数 0

1

回答

Alios studio 编辑器相关

2019-10-19 01:48:43 395浏览量 回答数 1

0

回答

云虚拟主机通过管理控制台压缩文件

2017-10-19 15:07:13 2211浏览量 回答数 0
+关注
落地花开啦
喜欢技术,喜欢努力的人
0
文章
7824
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载