Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

Speech Recognition and Voice to Text

Text fields, comment boxes and and search input on Ning networks are not only numerous, they are getting better and better. While setting up several Ning 3.0 networks, I recently began using an online speech to quickly convert speech to text using the Dictation.io app by Amit of Labnol (presently compatible only with Chrome Browsers because it is the only current browser which supports the HTML Speech Input API).  And while there are many speech to text solutions out there these days, I find this one to be superior due to the ability to export the text to Google Drive or drop box. This app is also available as a Chrome App.

Add Speech to Text to Your Ning Network

Now, you can even add the voice recognition / speech to text functionality to your Ning site, allowing your members (who use Chrome) to add text to any text based field using using just their voice.  If they only use Chrome, they can basically throw their keyboard out the window. And all you need to do is add a tiny bit of code to your existing search form.

  1. <form method="get" action="http://www.google.com/search">
  2. <input type="text" name="q" size="30" x-webkit-speech/>
  3. <input type="submit" value="Google Search" />
  4. </form>
Try it here using Chrome:

Simply speak into the mic and when you are finished the audio is sent to Google servers where it gets transcribed and delivered as plain text. NOTE: The microphone icon will only be visible to users who are accessing your site through Chrome. If they are using a different browser, they’ll see the standard search box. (via Amit) Also note that although Ning 3.0 doesn't currently have sitewide search, but you can see a working demo from a Ning Member Page's search functionality.
speech to text
If you are adding your own search functionality, this should be easy to add to that search form code. And here is a mega-example of multiple search forms on a single page inside a Ning 2.0 network:

 

Bonus: You can Also Add Speech Recognition to Any Text Field (such as comments and feedback forms)


If you're thinking that you might like to voice-enable the comment forms or the email form of your website that accept long-form text, you can add the following code to the bottom Custom Code Box in the dashboard.

<script type="text/javascript">
  function transcribe(words) {
  document.getElementById("speech").value = words;
  document.getElementById("mic").value = "";
  document.getElementById("speech").focus();
}
</script>
 
<textarea cols="50" id="speech"></textarea>
<input id="mic"
onwebkitspeechchange="transcribe(this.value)" x-webkit-speech>

Hope this gets your gears going and inspires you to make your network truly unique and simple to use. Enjoy!

Many More Ning Tips and Tricks |  Ning Help

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    looks like Creators stripped out the in post demo, but the examples should work.

  • Cool tip bro...have to check it out

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Ana Massien liked Ana Massien's discussion Other possible future modules?
1 hour ago
Ana Massien posted discussions
1 hour ago
kostasgr replied to kostasgr's discussion
problem SSL .....
"OK !! thank..... Anastasia !!"
9 hours ago
Ana Massien posted a discussion
Any ETA on when ning may get @mentions #hashtags support or embedded emoji at the comment or newsfe…
19 hours ago
Ana Massien replied to Anastasia_Ning_Support's discussion
NING is now available on Zapier
"It's done in the area where you name the "Key". Name the key, and a secret and the network consumer…"
20 hours ago
Anastasia_Ning_Support is now friends with kostasgr and Ana Massien
20 hours ago
Anastasia_Ning_Support replied to Katja Nys's discussion
Paid Access and Paid Memberships - Pricing and VAT
"Hello Katja!
There is a fixed 5% fee for each transaction you process via E-com, and also transacti…"
20 hours ago
Ana Massien updated their profile
20 hours ago
Anastasia_Ning_Support replied to kostasgr's discussion
problem SSL .....
"You are welcome! 
Sorry once again for the temporary issues. "
21 hours ago
Shane Avupre, George Kosch, thomas b and 3 more joined Ning Creators Social Network
22 hours ago
This Is bully replied to Katja Nys's discussion
Paid Access and Paid Memberships - Pricing and VAT
"There is a ning fee plus a stripe fee all together you will be paying 8 to 10% fee on the total amo…"
yesterday
This Is bully and kostasgr are now friends
yesterday
More…

Meanwhile, you can check our social media channels