New Posting Features - 'Text to Speech' user posts

With this very easy mod you will be able to add 'Text to Speech' support to your forum posts so users may have a users post read out to them.

To install

In your 'postbit' and 'postbit_legacy' templates find:

<!-- controls -->

Add below:

<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','en','fm');">
  <img src="images/misc/speech.png" alt="" width="123" height="37" border="0" 
style="margin-right:0.4em;"/></a>

-------------------------------------

In your headinclude template find:

<script type="text/javascript" src="$stylevar[yuipath]/yahoo-dom-event/yahoo-dom-event.js?v=$vboptions[simpleversion]"></script>

Add above:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

--------------------------------------

Upload the added image to your images/misc/ folder
Attachment 85889

UPDATE: To have a smaller pop up window
Upload the JS from the zip below to your forums root folder and do the following edit

In your headinclude template find:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

To

<script type="text/javascript" src="get_text.js"></script>

Thats all, A demo can be found at http://www.yourlsl.com/forums/

[Hostboard]

This is awsome! Just wish I did not have to rely on another sites services/reliability.

Installed.

[TimberFloorAu]

AWESOME MOD !!!

Can we resize the Javascript window, so it just shows the player, and no address bar etc?
Also look forward to male/female choices

[TimberFloorAu]

Gday Guys, I have added multi language support for this ( just variation on code )

<!--added text to speech-->
<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','en','fm');">
    <img src="images/misc/speak_en.png" alt="Speak English" width="72" height="22" border="0" 
style="margin-right:0.4em;"/></a>
<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','es','fm');">
    <img src="images/misc/speak_sp.png" alt="Speak Spanish" width="72" height="22" border="0" 
style="margin-right:0.4em;"/></a>
<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','it','fm');">
    <img src="images/misc/speak_it.png" alt="Speak Italian" width="72" height="22" border="0" 
style="margin-right:0.4em;"/></a>
<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','hi','fm');">
    <img src="images/misc/speak_in.png" alt="Speak Indian" width="72" height="22" border="0" 
style="margin-right:0.4em;"/></a>
<!--end text to speech-->

New images attached

[TimberFloorAu]

just had one of our members post thi issue, im sure her javascript possibly needs updating.

Any suggestions?

A pop up window comes up fine, but then the post I'm looking at refreshes and I get a message saying that my browser can't display that page - operation aborted and then the post disappears

[blackwolf1962]

installed thank you works well

[GrandHolyKing]

Great addition. Is there anyway to prevent it opening a new window every time a post is translated? Such as only opening one window and reusing it when converting a post to speech.

[noj75]

Originally Posted by GrandHolyKing

Great addition. Is there anyway to prevent it opening a new window every time a post is translated? Such as only opening one window and reusing it when converting a post to speech.

Great work. Nominated for MOTM.

I do though agree with the above. Can this be implimented without the use of a new window. Such as a hidden div or with some AJAX?

Hope this can be done. Installed!

[GrandHolyKing]

Also, I had to edit your code in order to display a custom button to match in with the forum.

If anyone needs to do the same, change these values to those of your forum buttons (I used the custom english button from TimberFloorAu a few posts up, lovely work by the way)

Change the red values to match your own buttons as it resizes a custom image up to those values.

<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','en','fm');">
  <img src="images/misc/speech.png" alt="" width="123" height="37" border="0" 
style="margin-right:0.4em;"/></a>

In my case the values were changed to 61 and 21 respectively.

Very promising mod, nominated for MOTM but I need to sort the browser issue.

Also if using any custom button you or someone else makes, remember to rename it to speech.png (Or change the above code to match your image location)

[C.Birch]

Originally Posted by noj75

Great work. Nominated for MOTM.

I do though agree with the above. Can this be implimented without the use of a new window. Such as a hidden div or with some AJAX?

Hope this can be done. Installed!

I'm sure someone will work that part out.

Just pulled there JS file and edited it so the popup window is alot smaller.

Upload the JS from the zip below to your forums root folder and do the following edit

In your headinclude template find:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

To

<script type="text/javascript" src="get_text.js"></script>

[C.Birch]

Originally Posted by GrandHolyKing

Also, I had to edit your code in order to display a custom button to match in with the forum.

If anyone needs to do the same, change these values to those of your forum buttons (I used the custom english button from TimberFloorAu a few posts up, lovely work by the way)

Change the red values to match your own buttons as it resizes a custom image up to those values.

<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','en','fm');">
  <img src="images/misc/speech.png" alt="" width="123" height="37" border="0" 
style="margin-right:0.4em;"/></a>

In my case the values were changed to 61 and 21 respectively.

Very promising mod, nominated for MOTM but I need to sort the browser issue.

Also if using any custom button you or someone else makes, remember to rename it to speech.png (Or change the above code to match your image location)

width="123" height="37" can be removed from the code, but its always better to have it in there.