{"id":52525,"date":"2021-06-16T03:01:00","date_gmt":"2021-06-15T17:01:00","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=52525"},"modified":"2021-06-15T16:28:33","modified_gmt":"2021-06-15T06:28:33","slug":"textarea-to-speech-via-macos-itunes-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/textarea-to-speech-via-macos-itunes-tutorial\/","title":{"rendered":"TextArea to Speech via macOS iTunes Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/text_to_speech_macos_itunes.gif\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"TextArea to Speech via macOS iTunes Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/text_to_speech_macos_itunes.gif\" title=\"TextArea to Speech via macOS iTunes Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">TextArea to Speech via macOS iTunes Tutorial<\/p><\/div>\n<p>The recent <a title='Text to Emoji Translation Textarea Tutorial' href='#tettt'>Text to Emoji Translation Textarea Tutorial<\/a> got me forensically examining the two finger gesture menu of an HTML textarea of a webpage, hosted on macOS.  We&#8217;d never visited the &#8220;Services&#8221; submenu here, and were gobsmacked that we, as mere mortals, can &#8220;Add to <a target=_blank title='iTunes information from Apple' href='http:\/\/www.apple.com\/au\/itunes\/'>iTunes<\/a> as a Spoken Track&#8221; the Speech that gets derived, <font size=1>perhaps by the brilliant <a target=_blank title='macOS say' href='https:\/\/ss64.com\/osx\/say.html'>say<\/a> command line command,<\/font> from Text of that HTML <a target=_blank title='HTML textarea information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_textarea.asp'>TextArea<\/a> element.<\/p>\n<p>You can see us using it with today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/text_to_speech_macos_itunes.gif\" title=\"Tutorial picture\">animated GIF<\/a> presentation.  Along the way to achieving this whereby the default path for default settings below ended up writing m4a audio files to &#8220;\/Users\/user\/Music\/iTunes\/iTunes Media\/Music\/Unknown Artist\/Unknown Album\/&#8221; (where our $HOME equates to \/Users\/user\/) &#8230;<\/p>\n<ul>\n<li>System Voice<\/li>\n<li>Save As<\/li>\n<li>Where<\/li>\n<\/ul>\n<p> &#8230; that &#8220;System Voice&#8221; dropdown being a <a target=_blank title='macOS say' href='https:\/\/ss64.com\/osx\/say.html'>say<\/a> looking one and the &#8220;Where&#8221; default place being &#8220;Music&#8221;.<\/p>\n<p>We can feel some PHP &#8220;audio functionality&#8221; ideas coming on <font size=1>&#8230; perhaps we  need to take a <a target=_blank title='Take a Bex ... and ...' href='https:\/\/www.youtube.com\/watch?v=q0rsiC-C8hs'>Bex<\/a> and have a lie down<\/font>.<\/p>\n<p>But then again &#8230; perhaps you are on macOS now, and want to see this?  Try this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/macos_say_record.php\" title=\"Click picture\">live run<\/a> link and two finger gesture the &#8220;say&#8221; wording suggestion in the textarea element presented.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/textarea-to-speech-via-macos-itunes-tutorial\/'>TextArea to Speech via macOS iTunes Tutorial<\/a>.<\/p-->\n<hr>\n<p id='tettt'>Previous relevant <a target=_blank title='Text to Emoji Translation Textarea Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/text-to-emoji-translation-textarea-tutorial\/'>Text to Emoji Translation Textarea Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Text to Emoji Translation Textarea Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/HTMLCSS\/emoji_ize_ta.jpg\" title=\"Text to Emoji Translation Textarea Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Text to Emoji Translation Textarea Tutorial<\/p><\/div>\n<p>Within the design of the web application behind yesterday&#8217;s <a title='Text to Emoji Translation Primer Tutorial' href='#tetpt'>Text to Emoji Translation Primer Tutorial<\/a> it would have grated with many web purists that &#8230;<\/p>\n<ul>\n<li>the data being textual (emojis are text) &#8230;<\/li>\n<li>we entered &#8220;data&#8221; into a &#8220;textarea&#8221; element &#8230; no complaints &#8230; very suitable &#8230; but &#8230;<\/li>\n<li>we translated into an &#8220;iframe&#8221; element &#8230; huh?!<\/li>\n<\/ul>\n<p>Yes, this is not the best approach, we concur.  And yet, it is not all bad.  Let&#8217;s tabularize what we mean here (including macOS two finger gesture or Windows right click menu functionality possibilities), below &#8230;<\/p>\n<table>\n<tr>\n<th>Element type<\/th>\n<th>Description<\/th>\n<th>Pro<\/th>\n<th>Con<\/th>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Repository of Text data<\/td>\n<td>&#10004;&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Repository of Text data<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Resizable<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Resizable<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Paragraph direction control<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Paragraph direction control<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Printing of Text data<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Printing of Text data<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Copy\/paste of Text data<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Copy\/paste of Text data<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>New tab<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>New tab<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>New window<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>New window<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Spelling and grammar check<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Spelling and grammar check<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Text to speech (macOS)<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Text to speech (macOS)<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Uppercase\/lowercase (macOS)<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Uppercase\/lowercase (macOS)<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Text services (macOS eg. iTunes Text to Speech recordings)<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Text services (macOS eg. iTunes Text to Speech recordings)<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Search engine lookup (macOS)<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Search engine lookup (macOS)<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Element source code<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Element source code<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Textarea<\/td>\n<td>Emoji specific title on non-mobile hover<\/td>\n<td><\/td>\n<td>&#10060;<\/td>\n<\/tr>\n<tr>\n<td>Iframe<\/td>\n<td>Emoji specific title on non-mobile hover<\/td>\n<td>&#10004;<\/td>\n<td><\/td>\n<\/tr>\n<\/table>\n<p>And so, we allow for the old &#8220;Iframe&#8221; element approach to still be accessed, but turn the default workflow into a design whereby &#8220;Emoji-ize&#8221; textual results end up in a &#8220;Textarea&#8221; element for <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html-GETME\" title=\"fillin_gaps_with_emojis.html\">a changed parent HTML\/Javascript<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html-GETME\" title=\"fillin_gaps_with_emojis.html\">fillin_gaps_with_emojis.html<\/a> ready for you to (re-)try at this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html\" title=\"Click picture\">live run<\/a> link.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/text-to-emoji-translation-textarea-tutorial\/'>Text to Emoji Translation Textarea Tutorial<\/a>.<\/p-->\n<hr>\n<p id='tetpt'>Previous relevant <a target=_blank title='Text to Emoji Translation Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/text-to-emoji-translation-primer-tutorial\/'>Text to Emoji Translation Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Text to Emoji Translation Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/\/HTMLCSS\/emoji_ize.jpg\" title=\"Text to Emoji Translation Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Text to Emoji Translation Primer Tutorial<\/p><\/div>\n<p>We&#8217;re starting a new coding project, today, calling on the genius of <a target=_blank title='Emojipedia' href='http:\/\/www.emojipedia.org'>Emojipedia<\/a> for an &#8230;<\/p>\n<p><code><br \/>\nEmoji-ize Text<br \/>\n<\/code><\/p>\n<p> <font size=1>&#8230; mangling of English<\/font> &#8230; as well as an interesting substitutional feeling web tool.<\/p>\n<p>Admittedly we started the day wondering about that &#8220;bluetooth icon&#8221; Spotify tutorial of recent times, wondering about how we could have improved the presentation via &#8230;<\/p>\n<ul>\n<li>delayed iPhone photo technique &#8230; yes, but what if there was &#8230;<\/li>\n<li>an emoji for that Bluetooth icon look a lot of us know by now<\/li>\n<\/ul>\n<p> &#8230; and looking into that second idea was surprised that the Bluetooth icon, let alone emojis for concepts like WiFi or &#8220;Power On&#8221; (ie. concepts, by and large, we guess) will either never become emojis or will be slow to get to becoming an emoji.  More, emojis suit our real object nouns in our languages, and so we wanted to write a substitutional web application to see whether my theorizing carries any weight.<\/p>\n<p>The user enters into a textarea element their text of interest, then they click\/touch a button, and this HTML\/Javascript <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html_GETME\" title=\"fillin_gaps_with_emojis.html\">fillin_gaps_with_emojis.html<\/a> parent asks of the called PHP <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.php_GETME\" title=\"fillin_gaps_with_emojis.php\">fillin_gaps_with_emojis.php<\/a><\/p>\n<p>Simple idea you might be interested in trying, <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html\" title=\"Click picture\">in a new window<\/a>, or below &#8230;<\/p>\n<p><iframe style='width:100%;height:900px;' src='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/fillin_gaps_with_emojis.html'><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d52472' onclick='var dv=document.getElementById(\"d52472\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/emoji\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d52472' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d52489' onclick='var dv=document.getElementById(\"d52489\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/textarea\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d52489' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d52525' onclick='var dv=document.getElementById(\"d52525\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/itunes\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d52525' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The recent Text to Emoji Translation Textarea Tutorial got me forensically examining the two finger gesture menu of an HTML textarea of a webpage, hosted on macOS. We&#8217;d never visited the &#8220;Services&#8221; submenu here, and were gobsmacked that we, as &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/textarea-to-speech-via-macos-itunes-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,29,37],"tags":[576,3658,725,2178,2350,1258,1262,1319,1418],"class_list":["post-52525","post","type-post","status-publish","format-standard","hentry","category-elearning","category-operating-system","category-tutorials","tag-html","tag-itunbes","tag-mac-os-x","tag-macos","tag-say","tag-text-to-speech","tag-textarea","tag-tutorial","tag-webpage"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/52525"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=52525"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/52525\/revisions"}],"predecessor-version":[{"id":52530,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/52525\/revisions\/52530"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=52525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=52525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=52525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}