Tag Archives: microphone

Siri on iPad Mail Dictate Tutorial

Posted on by

Hope you are not like me and feel like going into a cupboard to use a microphone on a mobile device. If this is not you, and you have a half recent version of iOS on an iPad or iPhone, and you have Siri available as an app, then today’s tutorial may be of interest. Siri can be like a personal assistant, and the way we best think of it as such, is as a tool to help dictate an email, using the Mail app on our iPad. To get to that, though, if you’ve never used Siri before, you should consult this Apple webpage, or our previous Apple iOS Siri Audio Commentary Tutorial to get started. Once you’re setup for Siri in this way it is very easy to start using Siri when composing emails. Open the Mail app Fill in the To field via the keyboard … Siri can’t do this very well … but while you are at the keyboard, what’s the third button from the left on the bottom row? Yes, the “microphone” button gets you to Siri functionality … cute, huh?! Guess we don’t need to say, but will, that this microphone button becomes useful as soon as you tap in a “keyboard” anything … Siri can be there to assist … personally! But a word of caution here, is to check about homonyms like today’s “in all innocence” … The rain in Spain falls mainly on the plane … Siri faux pas. This is a small concern compared to how much it can do that is correct. Hands free dictation can be very useful for those users on the go, or those kinaesthetic thinkers, perhaps. On the iPad latest iOS, which we’ll have to talk about soon, there are other good suggestions for Siri use to add to … Mail (app) … those being … Safari Photos Camera Settings … and Numerous Third Party and homegrown apps that access the keyboard, and so, Siri “microphone” Hope this is food for thought, and we’ll leave you with today’s PDF presentation of a Mail app session using Siri to help build up the body section email content, here. Previous relevant Apple iOS Siri Audio Commentary Tutorial is shown below. Today we wanted to show you an idea inspired by our own previous Apple iOS Siri Primer Tutorial that combines … One (tutorial picture) image made up

Posted in eLearning, iOS, Tutorials | Tagged , , , , , , , , , , , | Leave a comment

Karaoke via YouTube API in Iframe Email Tutorial

Posted on by

It’s good with a web application like our “Karaoke via YouTube API” one to have a means by which you share what you are doing, and because we have based it on GET parameters, then an email link is a Share idea that should work well. What is a bit harder to share are the bits that you saved a microphone “taping” session to an audio file we talked about, first, at Karaoke via YouTube API in Iframe Microphone Tutorial as shown way below. Since then, we talked about emojis with Karaoke via YouTube API in Iframe Emoji Tutorial as shown below. With the user audio files we can do one of two things … ask the user to attach the audio files themselves using an email client program … or … if we know the email address ahead of time we can use PHP mail function to send emails with audio file data attachments So, today, most of the changed code is PHP code a lot like the code we went over when we presented the thread of blog postings starting with Canvas Image Email Attachment Primer Tutorial. And this confirms yet again, for me, the usefulness of email, and sharing. The other code thing to consider regarding email attachments, if you own a web server, is that the large amounts of data are there in the ether (on mail servers … thanks … that’s ether, isn’t it?) and at the destination, rather than on your (web) server … we say with a smile on our face. We hope it is helping you out or giving you ideas to try yourself, with … The parent HTML and Javascript and CSS karaoke_youtube_api.htm changed in this way The child HTML and Javascript and CSS stop_start_youtube.html is unchanged The child PHP legend_via_map.php changed in this way for email functionality … to arrive at this generic live run, that we hope you try, and share emails with friends. Did you know? Karaoke is big out there! Take a look at 18 Best Karaoke Songs of All Time for some inspiration in this line of thinking. Beats “Macarthur Park” in the shower, any day?! Previous relevant Karaoke via YouTube API in Iframe Emoji Tutorial is shown below. For a long time we resisted the use of emoji, thinking that their use was a bit lame, but more and more, as times goes on, we

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 1 Comment

Karaoke via YouTube API in Iframe Emoji Tutorial

Posted on by

For a long time we resisted the use of emoji, thinking that their use was a bit lame, but more and more, as times goes on, we find good use for them. It is kind of predictable though for quite a few reasons … they are compact, and in a world going down the mobile device “way”, that is a huge advantage they can help with Internationalization of your web applications they can become action items, as would a button, about which, at this blog, you might want to read HTML and CSS More Button Ideas Tutorial new ones are constantly being designed … in addition to the reason that turned me off them, in my isolated thinking, for so long … they can cheer up a website … but am not ready to say they are self-explanatory enough to dive on in there without some English wording around, at least with today’s work, and overcoming this phobia will be the last stage of acceptance. Mind you, perhaps caution should be part of the equation for “mission critical” action items, though emojis can also be decorative, and you can see that use of them a lot around this blog as decoration for HTML “unordered list” ul elements. With today’s changes we use emojis for action items for the continuation of our “Karaoke via YouTube API” web application project (that we left off with Karaoke via YouTube API in Iframe Microphone Tutorial as shown below yesterday), and in so doing, make more “height” room by doing away with the band of buttons under the YouTube video player, and with the smaller amounts of “button” emoji space now, place this, now, to the right of the YouTube player instead. How do we find the emojis we want? Well, at the entry level and exit level we have, respectively … searches for relevant words in Google search engine … eg. “video game emoji” Google search as per this link and hope to arrive at the http://www.fileformat.info website for the technical details necessary … eg. Unicode Character ‘VIDEO GAME’ (U+1F3AE) HTML Entity (decimal) 🎮 is what is useful to us, in HTML coding as a value= value for HTML input elements or innerHTML property of HTML a elements, for instance The steps in between the two above tends to be a bit variable. For the example above, we ended up at Google’s first suggestion,

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Karaoke via YouTube API in Iframe Microphone Tutorial

Posted on by

It was always a plan with the “Karaoke via YouTube API” that we would try to “splice” in user contributions for a more real “Karaoke” experience. I’ve done work on this before, and it takes a lot of web server diskspace to be the one storing such audio files, and know why Snapchat has the length (of media) limitation. There was discussion in HTML5 about standards as you can read here and the discussion in Capturing Audio & Video in HTML5 sums it up really well as far as web applications go … you need to be able to execute, successfully, the Javascript function … navigator.getUserMedia() … to get anywhere that way. Now we don’t expect many users to have this accessible yet, but we do not restrict methodologies to use here, and we could be getting the user to use another desktop microphone recording app perhaps, just to arrive at, in order of preference … a public URL with http: or https: transfer protocol of an audio file you’ve created … or … a local web server, such as Mac OS X MAMP‘s http://localhost:8888/ ones or Windows EasyPHP‘s http://localhost:8887/ ones, URL with http: transfer protocol of an audio file you’ve created … or … any other http: or https: URL to slot in between YouTube slots a file: local audio file, perhaps saved using the great navigator.getUserMedia() webpage here Today’s task is to set up a system to slot these microphone audio files into the functionality. We’ve decided to add it as a suffix possibility to the “Start in seconds” field, as much as anything, because the “;” delimitation we use means that to get back the original you just add the bold (Javascript split function) coding bit as exemplified by … thisd = eval(eval(document.getElementById(‘j’ + i).value) – eval(document.getElementById(‘i’ + i).value.split(‘;’)[0])); … as shown by the URL we used to create today’s tutorial picture, with bold bits of user audio relevance … http://www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?youtubeid=CPMpeNDIGdk&recown=on&youtube_duration=449.0&c0=on&i0=0&j0=60&c1=on&i1=80%3Bhttp%3A%2F%2Flocalhost%3A8888%2FmyRecording00.wav&j1=124&c2=on&i2=144&j2=396&c3=on&i3=416&j3=449&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9= … and so this is an easy approach to the slotting in of new ideas, but keep the same basic structure of data design otherwise … we do like to keep things that work as much as possible … doh! There’s more to do, but we have the framework here to move forwards, and hope it is helping you out or giving you ideas to try yourself, or … The parent HTML and Javascript and CSS

Posted in Ajax, eLearning, Event-Driven Programming, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 1 Comment

WebEx Presentation with Microphone Tutorial

Posted on by

We’ve been doing some more WebEx (by Cisco) lately, and realised, at least with using a MacBook Pro laptop, we needed to invest in a microphone, to be heard, as the inbuilt microphone systems were not up to it. We opted for a USB connected microphone brand called MXL Tempo, sold here in Australia, and have found it to be good, especially mounted on the stand provided … well, no complaints, anyway?! Where it has a 1/8″ (3.5mm) Headphone Jack we plugged in our own speakers, though you could use headphones here as well. Of course we’ll also be constructing a garage, and buying a guitar, and calling on “tree fellers” karaoke backing track of Peter, Paul and Mary to complete the picture of this week’s project … getting the new microphone to make breakfast in the morning before you even knew you needed breakfast get me on The Voices. In the WebEx “Audio Connection” menu via “Call Using Computer” option have both input and output audio be handled by “USB audio CODEC” (if they are options … if not, there is a hardware (perhaps configuration) problem with your audio and microphone connection) as you can see at today’s tutorial picture. So long as you succeed and have the USB connected, the audio connection will default to this arrangement for the next time. Cute, huh?! To make it permanent that the MXL Tempo microphone arrangement is the default device for recordings … click on System Preferences off the Apple menu click the Sound option click the Output tab pick USB audio CODEC if you intend using speakers or headphones connected off this microphone from its 1/8″ (3.5mm) Headphone Jack, click the Input tab pick USB audio CODEC Being heard never seemed so easy! Previous relevant WebEx Prerecording Primer Tutorial is shown below. We’ve been trying out WebEx (by Cisco) prerecording as a video conferencing idea as an alternative to … GoToMeeting (by Citrix) we talked about with GoToMeeting Primer Tutorial Skype (by Skype and now Microsoft) we talked about with Skype Primer Tutorial … regarding video conferencing products we’ve tried at this blog. Have to say, WebEx is great, even with respect to the “wide eyed and bushy tailed” reaction “this little black duck” has to all these networky communicaty ideas on the net (at least we spelt “net” correctly). Have to thank my wife, Maree, for her expertise and

Posted in eLearning, Hardware, Networking, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , | 1 Comment

WebEx Prerecording Primer Tutorial

Posted on by

We’ve been trying out WebEx (by Cisco) prerecording as a video conferencing idea as an alternative to … GoToMeeting (by Citrix) we talked about with GoToMeeting Primer Tutorial Skype (by Skype and now Microsoft) we talked about with Skype Primer Tutorial … regarding video conferencing products we’ve tried at this blog. Have to say, WebEx is great, even with respect to the “wide eyed and bushy tailed” reaction “this little black duck” has to all these networky communicaty ideas on the net (at least we spelt “net” correctly). Have to thank my wife, Maree, for her expertise and the facilities her company, Thomson Reuters, supplies for the serving of WebEx recordings … thanks everyone. Have been assured they are periodically deleted, and my lame impersonations of the old “ducks on the wall” can rest in peace shortly. And so, we have a slideshow starting with a WebEx email link to join a meeting, and we pan down the email to show you other WebEx functionalities, such as adding a Calendar reference to the meeting time, and though we haven’t shown you detail here, rest assured it handles timezone scenarios very well, unless you lie about living in Antarctica, that is … sorry, scientists in Antarctica reading this blog posting … all 237 of you. During this “earlier than today exploration of WebEx” session the necessary software installs just happened for this MacBook Pro Mac OS X laptop as if we were shelling peas … it’s always good to have some handy when installing any software. So we won’t show you this unless we deem it essential at a later date. You can perhaps do as I did, and ask a real WebEx user invite you to a meeting, to set yourself up. In fact, today’s session meeting creation time you may notice is well in the past from that earlier introductory learning session Maree and I had, and you can bring back up that old email, and resurrect that meeting again and again, if you like … am not sure if there is an expiry date on this too, like with server stored WebEx prerecordings. So also rest assured, WebEx handles … video via webcam on your device audio via microphone on your device (“Use Computer”) or via a phone line the synchronization of the two above mobile devices Did you know? A .ics extension file, as you can see

Posted in eLearning, Networking, Tutorials | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

A Media Job for Listening Task Class webpage Tutorial

Posted on by

Welcome to a tutorial about the The Making of “English Learning – Listening Class – Tapioca Five Ways” (the same techniques went into making “English Learning – Listening Class – Love at First Bite” as well). Click to start class (and am recommending you put on your personal headphones now, because task starts straight away). Can you answer the questions asked after you listen to “Tapioca Five Ways”? Regarding the Making of ‘The Making of “English Learning – Listening Class – Tapioca Five Ways” ‘ found PhotoBooth on a Mac laptop very useful. Regarding the The Making of “English Learning – Listening Class – Tapioca Five Ways” found very useful: the article (ie. the inspiration, or source) the voice recorder the camera the card reader the lead used by both the voice recorder and the card reader … rare and very useful the Mac laptop MP3 to OGG conversions online Gimp, PaintBrush, MAMP, Finder, Firefox, Chrome, FireFtp (on Firefox) on Mac laptop Here are some steps: Record the voice reading the article to MP3 … add .ogg conversion to the mix via MP3 to OGG conversions online Record the voice questions about the article to MP3 … add .ogg conversion to the mix via MP3 to OGG conversions online Record the voice explanations regarding the article to MP3 … add .ogg conversion to the mix via MP3 to OGG conversions online Use lead and voice recorder and Mac all connected and use Finder to copy to local webserver location Photograph the article with the camera (for student to get the context) … one too fuzzy (to be readable) .jpg, one at end okay to read .png Use lead and card reader and Mac all connected and use Finder to copy to Mac laptop Use Gimp and/or Paintbrush to massage camera .JPG into fuzzy .jpg and non-fuzzy .png at local webserver location Research use of audio tag for HTML and setInterval functionality for Javascript Piece HTML as webpage of the Listening Task Class Test and test and test on localserver using MAMP via http://localhost:8888/audiotest.html with several different browsers (there are cross-browser concerns here) … Stop Press: A localserver is not necessary really, as you can gather the files together on your hard disk in a new directory (or path) and point your web browser at this via the File menu and its Open File submenu. When happy, transfer .html .jpg .png

Posted in eLearning, ESL, Photography, Tutorials | Tagged , , , , , , , , , , , | 5 Comments