if(navigator.userAgent.indexOf("Canvas") != -1)
    {}
else{
jQuery(document).ready(function( $ ){
  	$('head').append('<script type="text/javascript" src="https://'+window.location.host+'/wp-content/plugins/voice-message/WebAudioRecorder.js"><\/script>');
	//var mediaRecorder, audioTrack; 
    //var chunks = [];
  	var sendFile = false;
  
  
    URL = window.URL || window.webkitURL;

    var gumStream; 						//stream from getUserMedia()
    var recorder; 						//WebAudioRecorder object
    var input; 							//MediaStreamAudioSourceNode  we'll be recording
    var encodingType; 					//holds selected encoding for resulting audio (file)
    var encodeAfterRecord = true;       // when to encode

    // shim for AudioContext when it's not avb. 
    var AudioContext = window.AudioContext || window.webkitAudioContext;
    var audioContext; //new audio context to help us record
  
  	
  
  	function discardAudio(){
      sendFile = false;
      gumStream.getAudioTracks()[0].stop();
      recorder.finishRecording();
    }
  
  	function sendAudio(){
      sendFile = true;
      //mediaRecorder.stop();
      gumStream.getAudioTracks()[0].stop();
      recorder.finishRecording();
    }
  
  	function recordAudio(){  
      var constraints = { audio: true, video:false }
      navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
          audioContext = new AudioContext();
          gumStream = stream;
          input = audioContext.createMediaStreamSource(stream);
          encodingType = "mp3";
          recorder = new WebAudioRecorder(input, {
            workerDir: "https://"+window.location.host+"/wp-content/plugins/voice-message/", // must end with slash
            encoding: encodingType,
            numChannels:2, //2 is the default, mp3 encoding supports only 2
            onEncoderLoading: function(recorder, encoding) {
            },
            onEncoderLoaded: function(recorder, encoding) {
            }
          });

          recorder.onComplete = function(recorder, blob) { 
            if(sendFile){
              uploadFile(blob);
          	}
          	$(".record-icons.record").show();
        	$(".record-icons.cancel, .record-icons.send, .record-icons.recording").hide();
        	$("#message_content").prop('disabled', false);
          }

          recorder.setOptions({
            timeLimit:120,
            encodeAfterRecord:encodeAfterRecord,
            ogg: {quality: 0.5},
            mp3: {bitRate: 160}
          });

        recorder.startRecording();
        $(".record-icons.record").hide();
        $(".record-icons.cancel, .record-icons.send, .record-icons.recording").show();
        $("#message_content").prop('disabled', true);

      }).catch(function(err) {

      });
      
      
 	/*     
      const audioConstraints = {audio: true};
      if (navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia(audioConstraints).then(function(audioStream){
            $(".record-icons.record").hide();
            $(".record-icons.cancel, .record-icons.send, .record-icons.recording").show();
          	$("#message_content").prop('disabled', true);
            mediaRecorder = new MediaRecorder(audioStream);
            mediaRecorder.start();
            mediaRecorder.ondataavailable = function(e) {
              chunks.push(e.data);
            }
            
            mediaRecorder.onstop = function(e) {
           
              $(".record-icons.record").show();
              $(".record-icons.cancel, .record-icons.send, .record-icons.recording").hide();
              $("#message_content").prop('disabled', false);
              if(sendFile){
                let blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
                uploadFile(blob);
              }
              chunks = [];
            }
        }, function(){
            alert("You must enable audio for voice message to work");
        });
      }*/
    }
  
  	function uploadFile(blob){
      var data = new FormData();
      data.append('file', blob);
      $.ajax({
        url :  "https://"+window.location.host+"/wp-content/plugins/voice-message/audio-upload.php",
        type: 'POST',
        data: data,
        contentType: false,
        processData: false,
        success: function(data) {
          $("#message_content").val("Neue Sprachnachricht von deinem Coach:\n"+"https://"+window.location.host+"/wp-content/plugins/voice-message/recordings/"+data);
          $("#send_reply_button").trigger("click");
          $("#message_content").val("");
        },    
        error: function() {
          
        }
      });
    }	
  
  	$("<img class='record-icons recording blink' src='https://i.imgur.com/J11Iwd5.png'/>").insertAfter("#message_content");
    $("<img class='record-icons send' src='https://test.coached.by/media/check.png'/>")
      .insertAfter("#message_content");
    $(document).on("mousedown touchstart", ".record-icons.send", function() {
    	sendAudio();
    });
  
    $("<img class='record-icons cancel' src='https://test.coached.by/media/x.png'/>")
    .insertAfter("#message_content");
  	$(document).on("mousedown touchstart", ".record-icons.cancel", function() {
    	discardAudio();
    });
    if(window.location.href.indexOf("/messages/view")>=0){
      $("<img class='record-icons record' src='https://i.imgur.com/WpNu5NX.png'/>")
        .insertAfter("#message_content");
      $(document).on("click touchstart", ".record-icons.record", function() {
          recordAudio();
      });
    }
});
}
<!DOCTYPE html>
	<!--[if IE 8]>
		<html xmlns="http://www.w3.org/1999/xhtml" class="ie8" lang="en-US">
	<![endif]-->
	<!--[if !(IE 8) ]><!-->
		<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
	<!--<![endif]-->
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Log In &lsaquo; DEVSTAGE &#8212; WordPress</title>
		    <style type="text/css">

	 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,300italic');

       	body.login form .forgetmenot label,
		body.login label {
			color: #34495E;
			font-size: 16px;
		}

		body.login form .forgetmenot label
		{
			line-height: 1;
			padding-top: 9px;
			font-style: italic;
			font-weight: 400;
			display: block;
		}

		body.login #login,
		body.login div#login form {width: 375px; margin: 0 auto;}

		body.login { background: #BDC3C7 ;}
		body.login div#login h1 a {
			background-image: url(https://dev1.coached.by/wp-content/themes/klein/logo.png);
            padding-bottom: 30px;
			background-position: center center;
			background-size: auto;
			width: 350px;
			height: 67px;
		}
		body.login div#login form {
			background: #ECF0F1;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			font-family: "Source Sans Pro", sans-serif;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 35px 40px 35px 40px;

		}

		body.login form .input,
		.login input[type="text"] {
			-webkit-box-shadow: none;
			box-shadow: none;
			border-radius: 0;
			font-family: 'Source Sans Pro', sans-serif;
		}

		body.login input[type="text"],
		body.login input[type="password"] {
			padding: 8px 12px;
			display: inline-block;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #bdc3c7;
			outline: 0;
			margin-bottom: 20px;
			height: 42px;
			display: block;
			width: 100%;
			max-width: 100%;
			-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
			transition: border .25s linear,color .25s linear,background-color .25s linear;
			background: #ECF0F1;
			-webkit-box-shadow: inset 0px 0px 14px -6px #7F8C8D;
			-moz-box-shadow: inset 0px 0px 14px -6px #7F8C8D;
			box-shadow: inset 0px 0px 14px -6px #7F8C8D;
		}


		body.login a{
				color: #ECF0F1;
		}
		body.login .message,
		body.login #login_error{

			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;

			border: 1px solid #E74C3C;
			color: #C0392B;

			background: transparent;
			padding: 15px 35px;
			margin-bottom: 35px;
			box-shadow: none;
		}

		body.login .message a,
		body.login #login_error a{
			color: #E74C3C;
		}

		body.login .button,
		body.login div#login form#loginform p.submit input#wp-submit {
			background: none;
			background-color: transparent;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			border: 0;

			/*start*/

			color: #fff;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;

			background: #2ECC71;
			display: block;

			padding: 10px 20px;
			line-height: 1;
			height: auto;
			font-size: 15px;
		    text-shadow: none;
		}

		body.login .button:active,
		body.login div#login form#loginform p.submit input#wp-submit:active
		{
			-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			background-image: none;
			background-color: #3071a9;
			border-color: #2d6ca2;
		}

		body.login div#login p#backtoblog,
		body.login div#login p#nav {
			text-shadow: none;
			font-style: italic;
			margin-top: 20px;
			padding-top: 0;
			line-height: 1;
		}

		body.login div#login p#backtoblog {
			text-shadow: none;
		}
		body.login div#login p#nav,
		body.login div#login p#nav a,
		body.login div#login p#backtoblog a {
			color: #2C3E50!important;
			font-size: 16px;
			text-decoration: none;
			font-family: 'Source Sans Pro', sans-serif;
		}

		 body.login #ce-facebook-connect-link a {
			background: #3B5A9B;
			padding: 10px 0px;
			display: block;
			margin-bottom: 20px;
			text-align: center;
			color: #ECF0F1;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			border-radius: 3px;
			text-transform: uppercase;
        }

		body.login #ce-facebook-connect-link a:active {
			position: relative;
			background: #426ABE;
		}
    </style>
<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='dashicons-css'  href='https://dev1.coached.by/wp-includes/css/dashicons.min.css?ver=5.3.20' type='text/css' media='all' />
<link rel='stylesheet' id='buttons-css'  href='https://dev1.coached.by/wp-includes/css/buttons.min.css?ver=5.3.20' type='text/css' media='all' />
<link rel='stylesheet' id='forms-css'  href='https://dev1.coached.by/wp-admin/css/forms.min.css?ver=5.3.20' type='text/css' media='all' />
<link rel='stylesheet' id='l10n-css'  href='https://dev1.coached.by/wp-admin/css/l10n.min.css?ver=5.3.20' type='text/css' media='all' />
<link rel='stylesheet' id='login-css'  href='https://dev1.coached.by/wp-admin/css/login.min.css?ver=5.3.20' type='text/css' media='all' />
	<meta name='robots' content='noindex,noarchive' />
	<meta name='referrer' content='strict-origin-when-cross-origin' />
		<meta name="viewport" content="width=device-width" />
		</head>
	<body class="login no-js login-action-login wp-core-ui  locale-en-us">
	<script type="text/javascript">
		document.body.className = document.body.className.replace('no-js','js');
	</script>
		<div id="login">
		<h1><a href="https://dev1.coached.by">Powered by WordPress</a></h1>
	<div id="login_error">	<strong>ERROR</strong>: Cookies are blocked due to unexpected output. For help, please see <a href="https://wordpress.org/support/article/cookies/">this documentation</a> or try the <a href="https://wordpress.org/support/forums/">support forums</a>.<br />
</div>

		<form name="loginform" id="loginform" action="https://dev1.coached.by/wp-login.php" method="post">
			<p>
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" aria-describedby="login_error" class="input" value="" size="20" autocapitalize="off" />
			</p>

			<div class="user-pass-wrap">
				<label for="user_pass">Password</label>
				<div class="wp-pwd">
					<input type="password" name="pwd" id="user_pass" aria-describedby="login_error" class="input password-input" value="" size="20" />
					<button type="button" class="button button-secondary wp-hide-pw hide-if-no-js" data-toggle="0" aria-label="Show password">
						<span class="dashicons dashicons-visibility" aria-hidden="true"></span>
					</button>
				</div>
			</div>
						<p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme" value="forever"  /> <label for="rememberme">Remember Me</label></p>
			<p class="submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" />
									<input type="hidden" name="redirect_to" value="https://dev1.coached.by/wp-admin/" />
									<input type="hidden" name="testcookie" value="1" />
			</p>
		</form>

					<p id="nav">
									<a href="https://dev1.coached.by/wp-login.php?action=lostpassword">Lost your password?</a>
								</p>
					<script type="text/javascript">
			function wp_attempt_focus() {setTimeout( function() {try {d = document.getElementById( "user_login" );d.focus(); d.select();} catch( er ) {}}, 200);}
wp_attempt_focus();
if ( typeof wpOnload === 'function' ) { wpOnload() }		</script>
				<p id="backtoblog"><a href="https://dev1.coached.by/">
		&larr; Back to DEVSTAGE		</a></p>
			</div>
	<script type='text/javascript' src='https://dev1.coached.by/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://dev1.coached.by/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _zxcvbnSettings = {"src":"https:\/\/dev1.coached.by\/wp-includes\/js\/zxcvbn.min.js"};
/* ]]> */
</script>
<script type='text/javascript' src='https://dev1.coached.by/wp-includes/js/zxcvbn-async.min.js?ver=1.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var pwsL10n = {"unknown":"Password strength unknown","short":"Very weak","bad":"Weak","good":"Medium","strong":"Strong","mismatch":"Mismatch"};
/* ]]> */
</script>
<script type='text/javascript' src='https://dev1.coached.by/wp-admin/js/password-strength-meter.min.js?ver=5.3.20'></script>
<script type='text/javascript' src='https://dev1.coached.by/wp-includes/js/underscore.min.js?ver=1.8.3'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://dev1.coached.by/wp-includes/js/wp-util.min.js?ver=5.3.20'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var userProfileL10n = {"warn":"Your new password has not been saved.","warnWeak":"Confirm use of weak password","show":"Show","hide":"Hide","cancel":"Cancel","ariaShow":"Show password","ariaHide":"Hide password"};
/* ]]> */
</script>
<script type='text/javascript' src='https://dev1.coached.by/wp-admin/js/user-profile.min.js?ver=5.3.20'></script>
	<div class="clear"></div>
	</body>
	</html>