html - One button for more functions = recording in JavaScript -


i have source code record audio in browser. record.js calls scripts provides recording audio , save server.

index.html

<button type="submit" onclick="togglerecording()" data-run="0"></button>

record.js

//starts click on button       function togglerecording(button) {      var run = parseint(button.getattribute('data-run'));       if(run === 1) {        recorder && recorder.stop();        recorder && recorder.exportwav(function(blob) {          uploadaudiofromblob(blob);        });        __log('recording stopped');        button.setattribute('data-run', 0);              }               else {            recorder && recorder.clear();            recorder && recorder.record();            __log('speak...');            button.setattribute('data-run', 1);          }        }          function __log(e, data) {           showinfo("\n" + e + " " + (data || ''));          }          var audio_context;        var recorder;        function startusermedia(stream) {           var input = audio_context.createmediastreamsource(stream);           recorder = new recorder(input);           __log('system recording available.');         }          function startrecording(button) {             recorder && recorder.clear();           recorder && recorder.record();           button.nextelementsibling.disabled = false;          __log('talk...');         }           window.onload=function init() {          try {             window.audiocontext = window.audiocontext || window.webkitaudiocontext;             navigator.getusermedia = navigator.getusermedia || navigator.webkitgetusermedia;               window.url = window.url || window.webkiturl;                  audio_context = new audiocontext;                } catch (e) {             alert('this browser not support audio!');          }              navigator.getusermedia({audio: true}, startusermedia, function(e) {            __log('no audio detected: ' + e);          });        };

now recording system works in steps:

1.function init() runs immediatelly when page loaded , after user allows microphone in message startusermedia function runs

  1. after clicking on button runs togglerecording(button) function starts recording audio

3.second click on button runs togglerecording function stop recording audio.

i want work system in steps if possible: 1. first click on button run functions init , startusermedia , togglerecording recording starts after clicking 2. second click call togglerecording function stop recording

i tried modify record.js code, added part top of source code, click on button called function start_kemt in stead of togglerecording(). start_kemt created because want run functions in correct order.

added part record.js 

var recording = false;  var recordbutton = document.getelementbyid('recordbutton');    //function called click on button  function start_kemt() {     if(!recording)     {        init();        togglerecording(recordbutton);    }    togglerecording(recordbutton);    recording = !recording;  }

also function init() modified, change from: window.onload = function init() function init(). called clicking on button, not automatically browser. works in way: after click on button show message allow microphone, after allowing message shows that: "'system recording available.' (function startusermedia called).after recording doesnt start. after second click web browser message showed again allow mic. , error shown in console:

uncaught typeerror: cannot read property 'getattribute' of null

please give me example how right. new in js. topic same as: one button run more functions javascript (recording audio in browser)

well calling method on nothing.

getattribute('data-run'); should this.getattribute('data-run'); or button.getattribute('data-run'); depending on context.


-

Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

overview i want replace oracle.dataaccess orcale. managed dataaccess, opening connection latter throws ora-12537 network session end of file exception. exception message / stack trace {oracleinternal.network.networkexception (0x000030f9): ora-12537 : netzwerksession: dateiende @ oracleinternal.network.readerstream.read(orabuf ob) @ oracleinternal.ttc.orabufreader.getdatafromnetwork() @ oracleinternal.ttc.orabufreader.read(boolean bignoredata) @ oracleinternal.ttc.marshallingengine.unmarshalub1(boolean bignoredata) @ oracleinternal.ttc.ttcprotocolnegotiation.readresponse()} i trying connect oracle 11g database , not have client installed on local machine. working test application (unmanaged) using oracle.dataaccess works fine . using system; using oracle.dataaccess.client; namespace app.odp.unmanaged { internal class program { private static void main(string[] args) { //dummy connection string...
Read more

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

i want compress , decompress ecg signal stored text message text file , find out file size, cr,prd ratio,and qs. here code compression , decompression of ecg signal using huffman algorithm. i'm trying find out file size, compression ratio,prd ratio,qs. but error i'm getting the ecg file in text format. %clearing variables , screen enter code here clear all; close all; clc; [file1]=uigetfile('*.txt'); %fprintf('enter ecg file name :%s',file1); p=file1; t=sprintf('%s',p); b1=dlmread([file1]); len=length(b1); lead=input('enter lead number :'); %lead=str2double(lead); col2=b1(1:end,lead); e=fix(sqrt(len)); m=1; i=1:e j=1:e g2(i,j)=fix(col2(m)*1000); %amplifying 1000 m=m+1; end end g3=g2; i=1:e j=1:e ...
Read more

utf 8 - split utf-8 string into bytes in python -

i trying split utf-8 string bytes in python 3. problem is, when use bytearray, byte, encode etc functions array size of element 14 bytes, not 1 byte expected. need split text file sequence of bytes , send them byte after byte using sockets. tried this: infile = open (file, "r") str = infile.read() byte_str = bytes(str, 'utf-8') print("size of byte_str",sys.getsizeof(byte_str[0])) print gives me 14, need 1... suggestion? quoting official documentation : sys.getsizeof(object[, default]) return size of object in bytes. object can type of object. built-in objects return correct results, not have hold true third-party extensions implementation specific. only memory consumption directly attributed object accounted for, not memory consumption of objects refers to. if given, default returned if object not provide means retrieve size. otherwise typeerror raised. getsizeof() calls object’s __sizeof__ method , adds ...
Read more