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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Create a More Exciting "Featured" Email With Language Editor

still one of the most powerful tools and one of the first things I change when I start a new comm…"
14 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Give Your Ning a Really Fake Voice
"These days I use Speakpage and it provides a great on the fly service, but it is limited to a singl…"
14 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Create Search Feeds in Bing with a Simple Hack
"thank you brother"
14 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How-to Control Number of Member Profiles on Member Page Using CSS
"Wow... just look how active Creators used to be!"
14 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
You May Not Know This About Facebook
"this tip worked well for me today again"
14 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Linkedin Tip: Export Your Contacts For Import Into Ning
"yes it most definitely does work on both"
14 hours ago
⚡JFarrow⌁ updated their profile
15 hours ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"Simply right click on the video and open HTML/CSS then find the line where the youtube video URL is…"
15 hours ago
J.Ayvar replied to Anastasia_Ning_Support's discussion
Join our webinar on SEO
"Thank you!  i am wating for the webinar. Just 5 minutes :)"
18 hours ago
Anastasia_Ning_Support replied to Ceddy J's discussion
Disk Usage Enforcement
"Hello Ceddy! 
Thank you for addressing this issue here. 
We need some time to check the content of…"
21 hours ago
Jelena replied to Fabricio Giugni's discussion
About Ning 4.0
"Hello 
after you try the new ning 4 can you go back to ning 3 if you aren’t satisfied?"
yesterday
Anna_Ning_Support replied to J.Ayvar's discussion
Ning 4. PageSpeed Insights Vs Ning 3
"Hello,
We do appreciate your feedback and also the provided information.
It will be reported to the…"
yesterday
More…

Meanwhile, you can check our social media channels