صندوق البحث الصوتي على بلوجر لأول مرة

مميزات الإضافة

طريقة تركيب الإضافة

  .speksear img{
padding:2px;
background:linear-gradient(to top,#2193b2,#000000,#3a37e8);
border-radius:50px;
margin-top:7px!important;float: left; width: 45px;margin-left: 1%;}
#transcript{text-align:center;font:size:10x;font-weight: bolder}.speech {    position: absolute;
    left: 0px;
display: none;
    top: 100%;
z-index:9999;
}.speech input {    border: 1px solid #e1e1e1;
    padding-right: 10px;
    height: 50px;} .speksear:hover {background:red;}

<script>
  function startDictation() {
    if (window.hasOwnProperty('webkitSpeechRecognition')) {
      var recognition = new webkitSpeechRecognition();
      recognition.continuous = false;
      recognition.interimResults = false;
      recognition.lang = "ar-AR";
      recognition.start();
      recognition.onresult = function(e) {        document.getElementById('transcript').value= e.results[0][0].transcript;
        recognition.stop();        document.getElementById('technomee-widget').submit();
      };
      recognition.onerror = function(e) {
        recognition.stop();
      }   }  }
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".speksear").click(function(){
$(".speech").slideToggle();
return false;
});});
//]]>
</script>

<a class="speksear" href="#"><img onclick="startDictation()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuH0M1Ncn8MAqPGPGzNsJ9J3LCLdVvrARp4OJLZ71MZppW9_TlSHwCylmQ21llwK3KH5Zsq_8WOp8Dh2P6Oou5ZtnA31jENSVJaR0gkmC_8PLy4lynfiwrjYgZ93UGOf1MNFuH9F1f2ZN/s50/spik.png" /> </a>
<form action="/search" id="technomee-widget" method="get">  <div class="speech">	<input id="transcript" name="q" placeholder="تحدث الان ..." type="text" />  </div></form>