Sunday, June 6, 2021

Speech To Text

 


<!DOCTYPE html>

<html class="no-js consumer" lang="en">

  <head>


    <script nonce="vJyK-f2ASY7kdPf01ARxyg">

(function(e, p){

    var m = location.href.match(/platform=(win8|win|mac|linux|cros)/);

    e.id = (m && m[1]) ||

           (p.indexOf('Windows NT 6.2') > -1 ? 'win8' : p.indexOf('Windows') > -1 ? 'win' : p.indexOf('Mac') > -1 ? 'mac' : p.indexOf('CrOS') > -1 ? 'cros' : 'linux');

    e.className = e.className.replace(/\bno-js\b/,'js');

  })(document.documentElement, window.navigator.userAgent)

    </script>

    <meta charset="utf-8">

    <meta content="initial-scale=1, minimum-scale=1, width=device-width" name="viewport">

    <meta content=

    "Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier."

    name="description">

    <title>

      Chrome Browser

    </title>

    <link href="https://plus.google.com/100585555255542998765" rel="publisher">

    <link href="//www.google.com/images/icons/product/chrome-32.png" rel="icon" type="image/ico">

    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel=

    "stylesheet" nonce="vJyK-f2ASY7kdPf01ARxyg">

    <link href="/intl/en/chrome/assets/common/css/chrome.min.css" rel="stylesheet" nonce="vJyK-f2ASY7kdPf01ARxyg">

    <script src="//www.google.com/js/gweb/analytics/autotrack.js" nonce="vJyK-f2ASY7kdPf01ARxyg">

</script>

    <script nonce="vJyK-f2ASY7kdPf01ARxyg">

new gweb.analytics.AutoTrack({

          profile: 'UA-26908291-1'

        });

    </script>

    <style>

#info {

    font-size: 20px;

    }

    #div_start {

    float: right;

    }

    #headline {

    text-decoration: none

    }

    #results {

    font-size: 14px;

    font-weight: bold;

    border: 1px solid #ddd;

    padding: 15px;

    text-align: left;

    min-height: 150px;

    }

    #start_button {

    border: 0;

    background-color:transparent;

    padding: 0;

    }

    .interim {

    color: gray;

    }

    .final {

    color: black;

    padding-right: 3px;

    }

    .button {

    display: none;

    }

    .marquee {

    margin: 20px auto;

    }


    #buttons {

    margin: 10px 0;

    position: relative;

    top: -50px;

    }


    #copy {

    margin-top: 20px;

    }


    #copy > div {

    display: none;

    margin: 0 70px;

    }

    </style>

    <style>

a.c1 {font-weight: normal;}

    </style>

  </head>

  <body class="" id="grid">

    <div class="browser-landing" id="main">

      <div class="compact marquee-stacked" id="marquee">

        <div class="marquee-copy">

          <h1>

            <a class="c1" href="http://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html">Web

            Speech API</a> Demonstration

          </h1>

        </div>

      </div>

      <div class="compact marquee">

        <div id="info">

          <p id="info_start">

            Click on the microphone icon and begin speaking for as long as you like.

          </p>

          <p id="info_speak_now" style="display:none">

            Speak now.

          </p>

          <p id="info_no_speech" style="display:none">

            No speech was detected. You may need to adjust your <a href=

            "//support.google.com/chrome/bin/answer.py?hl=en&amp;answer=1407892">microphone

            settings</a>.

          </p>

          <p id="info_no_microphone" style="display:none">

            No microphone was found. Ensure that a microphone is installed and that

            <a href="//support.google.com/chrome/bin/answer.py?hl=en&amp;answer=1407892">

            microphone settings</a> are configured correctly.

          </p>

          <p id="info_allow" style="display:none">

            Click the "Allow" button above to enable your microphone.

          </p>

          <p id="info_denied" style="display:none">

            Permission to use microphone was denied.

          </p>

          <p id="info_blocked" style="display:none">

            Permission to use microphone is blocked. To change, go to

            chrome://settings/contentExceptions#media-stream

          </p>

          <p id="info_upgrade" style="display:none">

            Web Speech API is not supported by this browser. Upgrade to <a href=

            "//www.google.com/chrome">Chrome</a> version 25 or later.

          </p>

        </div>

        <div id="div_start">

          <button id="start_button" onclick="startButton(event)"><img alt="Start" id="start_img"

          src="/intl/en/chrome/assets/common/images/content/mic.gif"></button>

        </div>

        <div id="results">

          <span class="final" id="final_span"></span> <span class="interim" id=

          "interim_span"></span>

        </div>

        <div id="copy">

          <button class="button" id="copy_button" onclick="copyButton()">Copy and Paste</button>

          <div id="copy_info">

            <p>

              Press Control-C to copy text.

            </p>

            <p>

              (Command-C on Mac.)

            </p>

          </div><button class="button" id="email_button" onclick="emailButton()">Create

          Email</button>

          <div id="email_info">

            <p>

              Text sent to default email application.

            </p>

            <p>

              (See chrome://settings/handlers to change.)

            </p>

          </div>

        </div>

        <div class="compact marquee" id="div_language">

          <select id="select_language" onchange="updateCountry()">

            </select>&nbsp;&nbsp; <select id="select_dialect">

            </select>

        </div>

      </div>

    </div><script src="/intl/en/chrome/assets/common/js/chrome.min.js" nonce="vJyK-f2ASY7kdPf01ARxyg">

</script> <script nonce="vJyK-f2ASY7kdPf01ARxyg">

var chrmMenuBar = new chrm.ui.MenuBar();

      chrmMenuBar.decorate('nav');

      var chrmLogo = new chrm.ui.Logo('logo');


      var chrmscroll = new chrm.ui.SmoothScroll('scroll');

      chrmscroll.init();




  window.___gcfg = { lang: 'en' };

  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();





      var doubleTracker = new gweb.analytics.DoubleTrack('floodlight', {

          src: 2542116,

          type: 'clien612',

          cat: 'chrom0'

      });

      doubleTracker.track();


      doubleTracker.trackClass('doubletrack', true);

    </script> <script nonce="vJyK-f2ASY7kdPf01ARxyg">

// If you modify this array, also update default language / dialect below.

var langs =

[['Afrikaans',       ['af-ZA']],

 ['አማርኛ',           ['am-ET']],

 ['Azərbaycanca',    ['az-AZ']],

 ['বাংলা',            ['bn-BD', 'বাংলাদেশ'],

                     ['bn-IN', 'ভারত']],

 ['Bahasa Indonesia',['id-ID']],

 ['Bahasa Melayu',   ['ms-MY']],

 ['Català',          ['ca-ES']],

 ['Čeština',         ['cs-CZ']],

 ['Dansk',           ['da-DK']],

 ['Deutsch',         ['de-DE']],

 ['English',         ['en-AU', 'Australia'],

                     ['en-CA', 'Canada'],

                     ['en-IN', 'India'],

                     ['en-KE', 'Kenya'],

                     ['en-TZ', 'Tanzania'],

                     ['en-GH', 'Ghana'],

                     ['en-NZ', 'New Zealand'],

                     ['en-NG', 'Nigeria'],

                     ['en-ZA', 'South Africa'],

                     ['en-PH', 'Philippines'],

                     ['en-GB', 'United Kingdom'],

                     ['en-US', 'United States']],

 ['Español',         ['es-AR', 'Argentina'],

                     ['es-BO', 'Bolivia'],

                     ['es-CL', 'Chile'],

                     ['es-CO', 'Colombia'],

                     ['es-CR', 'Costa Rica'],

                     ['es-EC', 'Ecuador'],

                     ['es-SV', 'El Salvador'],

                     ['es-ES', 'España'],

                     ['es-US', 'Estados Unidos'],

                     ['es-GT', 'Guatemala'],

                     ['es-HN', 'Honduras'],

                     ['es-MX', 'México'],

                     ['es-NI', 'Nicaragua'],

                     ['es-PA', 'Panamá'],

                     ['es-PY', 'Paraguay'],

                     ['es-PE', 'Perú'],

                     ['es-PR', 'Puerto Rico'],

                     ['es-DO', 'República Dominicana'],

                     ['es-UY', 'Uruguay'],

                     ['es-VE', 'Venezuela']],

 ['Euskara',         ['eu-ES']],

 ['Filipino',        ['fil-PH']],

 ['Français',        ['fr-FR']],

 ['Basa Jawa',       ['jv-ID']],

 ['Galego',          ['gl-ES']],

 ['ગુજરાતી',           ['gu-IN']],

 ['Hrvatski',        ['hr-HR']],

 ['IsiZulu',         ['zu-ZA']],

 ['Íslenska',        ['is-IS']],

 ['Italiano',        ['it-IT', 'Italia'],

                     ['it-CH', 'Svizzera']],

 ['ಕನ್ನಡ',             ['kn-IN']],

 ['ភាសាខ្មែរ',          ['km-KH']],

 ['Latviešu',        ['lv-LV']],

 ['Lietuvių',        ['lt-LT']],

 ['മലയാളം',          ['ml-IN']],

 ['मराठी',             ['mr-IN']],

 ['Magyar',          ['hu-HU']],

 ['ລາວ',              ['lo-LA']],

 ['Nederlands',      ['nl-NL']],

 ['नेपाली भाषा',        ['ne-NP']],

 ['Norsk bokmål',    ['nb-NO']],

 ['Polski',          ['pl-PL']],

 ['Português',       ['pt-BR', 'Brasil'],

                     ['pt-PT', 'Portugal']],

 ['Română',          ['ro-RO']],

 ['සිංහල',          ['si-LK']],

 ['Slovenščina',     ['sl-SI']],

 ['Basa Sunda',      ['su-ID']],

 ['Slovenčina',      ['sk-SK']],

 ['Suomi',           ['fi-FI']],

 ['Svenska',         ['sv-SE']],

 ['Kiswahili',       ['sw-TZ', 'Tanzania'],

                     ['sw-KE', 'Kenya']],

 ['ქართული',       ['ka-GE']],

 ['Հայերեն',          ['hy-AM']],

 ['தமிழ்',            ['ta-IN', 'இந்தியா'],

                     ['ta-SG', 'சிங்கப்பூர்'],

                     ['ta-LK', 'இலங்கை'],

                     ['ta-MY', 'மலேசியா']],

 ['తెలుగు',           ['te-IN']],

 ['Tiếng Việt',      ['vi-VN']],

 ['Türkçe',          ['tr-TR']],

 ['اُردُو',            ['ur-PK', 'پاکستان'],

                     ['ur-IN', 'بھارت']],

 ['Ελληνικά',         ['el-GR']],

 ['български',         ['bg-BG']],

 ['Pусский',          ['ru-RU']],

 ['Српски',           ['sr-RS']],

 ['Українська',        ['uk-UA']],

 ['한국어',            ['ko-KR']],

 ['中文',             ['cmn-Hans-CN', '普通话 (中国大陆)'],

                     ['cmn-Hans-HK', '普通话 (香港)'],

                     ['cmn-Hant-TW', '中文 (台灣)'],

                     ['yue-Hant-HK', '粵語 (香港)']],

 ['日本語',           ['ja-JP']],

 ['हिन्दी',             ['hi-IN']],

 ['ภาษาไทย',         ['th-TH']]];


for (var i = 0; i < langs.length; i++) {

  select_language.options[i] = new Option(langs[i][0], i);

}

// Set default language / dialect.

select_language.selectedIndex = 10;

updateCountry();

select_dialect.selectedIndex = 11;

showInfo('info_start');


function updateCountry() {

  for (var i = select_dialect.options.length - 1; i >= 0; i--) {

    select_dialect.remove(i);

  }

  var list = langs[select_language.selectedIndex];

  for (var i = 1; i < list.length; i++) {

    select_dialect.options.add(new Option(list[i][1], list[i][0]));

  }

  select_dialect.style.visibility = list[1].length == 1 ? 'hidden' : 'visible';

}


var create_email = false;

var final_transcript = '';

var recognizing = false;

var ignore_onend;

var start_timestamp;

if (!('webkitSpeechRecognition' in window)) {

  upgrade();

} else {

  start_button.style.display = 'inline-block';

  var recognition = new webkitSpeechRecognition();

  recognition.continuous = false;

  recognition.interimResults = true;


  recognition.onstart = function() {

    recognizing = true;

    // showInfo('info_speak_now');

    start_img.src = '/intl/en/chrome/assets/common/images/content/mic-animate.gif';

  };


  recognition.onerror = function(event) {

    if (event.error == 'no-speech') {

      start_img.src = '/intl/en/chrome/assets/common/images/content/mic.gif';

      // showInfo('info_no_speech');

      ignore_onend = true;

    }

    if (event.error == 'audio-capture') {

      start_img.src = '/intl/en/chrome/assets/common/images/content/mic.gif';

      // showInfo('info_no_microphone');

      ignore_onend = true;

    }

    if (event.error == 'not-allowed') {

      if (event.timeStamp - start_timestamp < 100) {

        //showInfo('info_blocked');

      } else {

        //showInfo('info_denied');

      }

      ignore_onend = true;

    }

  };


  recognition.onend = function() {

    recognizing = false;

    if (ignore_onend) {

      return;

    }

    start_img.src = '/intl/en/chrome/assets/common/images/content/mic.gif';

    if (!final_transcript) {

      //showInfo('info_start');

      return;

    }

    //showInfo('');

    if (window.getSelection) {

      window.getSelection().removeAllRanges();

      var range = document.createRange();

      range.selectNode(document.getElementById('final_span'));

      window.getSelection().addRange(range);

    }

    if (create_email) {

      create_email = false;

      createEmail();

    }

  };


  recognition.onresult = function(event) {

    var interim_transcript = '';

    if (typeof(event.results) == 'undefined') {

      recognition.onend = null;

      recognition.stop();

      upgrade();

      return;

    }

    for (var i = event.resultIndex; i < event.results.length; ++i) {

      if (event.results[i].isFinal) {

        final_transcript += event.results[i][0].transcript;

      } else {

        interim_transcript += event.results[i][0].transcript;

      }

    }

    final_transcript = capitalize(final_transcript);

    final_span.innerHTML = linebreak(final_transcript);

    interim_span.innerHTML = linebreak(interim_transcript);

console.log('Final resule ', final_transcript);

    if (final_transcript || interim_transcript) {

      // showButtons('inline-block');

    }

  };

}


function upgrade() {

  // start_button.style.visibility = 'hidden';

  // showInfo('info_upgrade');

}


var two_line = /\n\n/g;

var one_line = /\n/g;

function linebreak(s) {

  return s.replace(two_line, '<p></p>').replace(one_line, '<br>');

}


var first_char = /\S/;

function capitalize(s) {

  return s.replace(first_char, function(m) { return m.toUpperCase(); });

}

/*

function createEmail() {

  var n = final_transcript.indexOf('\n');

  if (n < 0 || n >= 80) {

    n = 40 + final_transcript.substring(40).indexOf(' ');

  }

  var subject = encodeURI(final_transcript.substring(0, n));

  var body = encodeURI(final_transcript.substring(n + 1));

  window.location.href = 'mailto:?subject=' + subject + '&body=' + body;

}*/


/*function copyButton() {

  if (recognizing) {

    recognizing = false;

    recognition.stop();

  }

  copy_button.style.display = 'none';

  copy_info.style.display = 'inline-block';

  showInfo('');

}*/

/*

function emailButton() {

  if (recognizing) {

    create_email = true;

    recognizing = false;

    recognition.stop();

  } else {

    createEmail();

  }

  email_button.style.display = 'none';

  email_info.style.display = 'inline-block';

  showInfo('');

}*/


function startButton(event) {

  if (recognizing) {

    recognition.stop();

    return;

  }

  final_transcript = '';

  // recognition.lang = select_dialect.value;

  console.log(recognition);

  recognition.start();

  ignore_onend = false;

  final_span.innerHTML = '';

  interim_span.innerHTML = '';

  start_img.src = '/intl/en/chrome/assets/common/images/content/mic-slash.gif';

  // showInfo('info_allow');

  //showButtons('none');

  start_timestamp = event.timeStamp;

}


function showInfo(s) {

  if (s) {

    for (var child = info.firstChild; child; child = child.nextSibling) {

      if (child.style) {

        child.style.display = child.id == s ? 'inline' : 'none';

      }

    }

    info.style.visibility = 'visible';

  } else {

    info.style.visibility = 'hidden';

  }

}


var current_style;

/*function showButtons(style) {

  if (style == current_style) {

    return;

  }

  current_style = style;

  copy_button.style.display = style;

  email_button.style.display = style;

  copy_info.style.display = 'none';

  email_info.style.display = 'none';

}*/

    </script>

  </body>

</html>


Sunday, June 1, 2014

Color change using percentage


Color change using percentage



//Script following below
<style>
 #colorContainer{
  width:100%;
  height:auto;
 }
 .colors{
  float:left;
  width:50px;
  height:50px;
  position:relative;
  font-size:20px;  
  text-align:center;
  line-height:50px;
  
 }
</style>
<script type="text/javascript">

 var percent = 0;
 var intervalId;
 function init(){   
    intervalId = setInterval(doAnim, 100);
 } 
 function doAnim(){
  
  $("#colorContainer").append("<div class=colors style=background:"+getRedToGreen((percent+=2), 0)+";color:"+getRedToGreen((percent), 255)+">
"+percent+"%</div>
");
  if(percent>=100){
   clearInterval(intervalId);
  }
 }
 function getRedToGreen(percent,val){
   r = percent<50 ? 255 : Math.floor(255-(percent*2-100)*255/100);
   g = percent>50 ? 255 : Math.floor((percent*2)*255/100);
   b = "0";
   if(!val){
    return 'rgb('+r+','+g+','+b+')'; 
   }else{
    return 'rgb('+(val-r)+','+(val-g)+','+b+')';
   }
 }

</script>
</head>
<body onload="init();">  
    <div id="colorContainer">
         
    </div>
</body>

Friday, May 16, 2014

Mouse tail in flash as3.0

Mouse tail in as3.0




var tailLength:uint = 10;
var spacing = 25;
var speed = 3;
var mc:MovieClip;
var clips:Array = [];
for (var i:uint = 0; i<tailLength; i++)
{
    mc= new Ball();
 
    mc.id = i;
    clips.push(mc);
 
    addChild(clips[i]);
    if (i>0){
        clips[i].addEventListener(Event.ENTER_FRAME, MoveOtherBalls);
    }
    else
    {
        clips[i].addEventListener(Event.ENTER_FRAME, MoveFirstBall);
    }
}
function MoveFirstBall(e:Event)
{
    var clip:MovieClip = MovieClip(e.currentTarget);
    clip.x += (this.mouseX-clip.lastX)/speed;
    clip.y += (this.mouseY-clip.lastY)/speed;
    clip.lastX = clip.x;
    clip.lastY = clip.y;
}
function MoveOtherBalls(e:Event)
{
    var clip:MovieClip = MovieClip(e.currentTarget);
    clip.x += ((clips[clip.id -1].x-clip.lastX)/speed);
    clip.y += ((clips[clip.id -1].y-clip.lastY)/speed)+8;
    clip.lastX = clip.x;
    clip.lastY = clip.y;
}

The above programe is developed in flash as3.0.

How to run above programe in flash.?

Follow below simple 10steps.

1). First draw a shape and convert into movieclip by pressing F8 key.
2). Choose movieclip in dropdown.
3). Make sure the Registration point in middle.
4). And tick mark "Export for actionscript".
5). In class field enter "Ball" then click ok.
6). Then delete the ball from stage. This object will be there in library. So don't worry about to delete from stage.

7). Then click first frame in the timeline and press F9 key to open actionscript pannel.
8). And copy above programe and paste it.
9). To run press Ctrl+Enter.
10). Move mouse, the 10 ball are move like a tail by, one by one.
Enjoy it :)

By
Vickybees

Sunday, April 27, 2014

Find distance between two points using trigonometry



Distance Formula (Pythagorean theorem)

distance = Sqrt((x2-x1)^2+(y2-y1)^2)

Thursday, April 24, 2014


Move the ball with a specified angle


Move Ball With Specified Angle

//Script following below
<style>
#mainContainer{
margin:0px auto;
border:#F00 1px solid;
width:500px;
height:400px;
}
</style>
</head>

<body onload="init()">
<div id="mainContainer">
     <canvas height="400" id="gameCanvas" width="500">
<!-- Your browser not supported -->
</canvas>
    </div>
<script type="text/javascript">
var ang = 45;
var speed = 10;
var rad = ang*Math.PI/180;
var xInc = Math.cos(rad);
var yInc = Math.sin(rad);
var ctx;
var currentPosX = 50;
var currentPosY = 50;
function init(){
var c=document.getElementById("gameCanvas");
ctx = c.getContext("2d");
setInterval(startAnim,50);
}
function startAnim(){
currentPosX += xInc*speed;
currentPosY += yInc*speed;
if(currentPosX>480||currentPosX<20){
xInc *=-1;
}
if(currentPosY>380||currentPosY<20){
yInc *=-1;
}
ctx.clearRect(0,0,500,400);
ctx.beginPath();
ctx.arc(currentPosX, currentPosY, 20, 0, 2 * Math.PI, false);
ctx.fillStyle = 'green';
ctx.fill();
}
</script>
</body>

Sunday, April 20, 2014

EASY WAY TO FIND ANGLE BETWEEN TWO POINTS



Scripts are following below
//Get angle in radian.

//For convert radian to degree.
//Theta*180/PI

//For convert degree to radian.
//Theta*PI/180


alert(getAngle())//In Radian
alert(getAngle()*180/Math.PI)//In Degree


function getAngle(x1, y1, x2, y2){
var dx = x2 - x1;
var dy = y2 - y1;
return Math.atan2(dy,dx);
}