How to make thumbnails in wordpress play audio after click through stratus - image

I probably searched through the entire web but couldn't find any help on this. Before I ask the question I must mention that I am a complete novice in web development.
I went through a lot of websites that enable you to play audio through stratus after clicking on a thumbnail. Although websites like indieshuffle.com and themusicninja do not use stratus, I was wondering how they get their photos to play songs in their audio players.
Similarly, I don't want my thumbnails to link to the post but instead I want people to play the corresponding soundcloud track after clicking on the thumbnail. Also, if it is possible to have play/pause buttons on the thumbnails it will be great.
Of course, I have ajax and stratus as well as the full width audio player installed as plugins.
I am guessing this has to do with embedding the shortcode for the track somewhere in the image.
Please help!!!

since you are complete new your best bet here is an album plugin or something
that will let you attach an image and have a mp3 file to relate to, and be displayed without much knowledge in coding.

Related

Is There a Method or Extension (Firefox) to Always Show Captions on YouTube Videos?

This is either a programming request or a simple workaround...
Preface: I don't like Google and don't want to give YouTube any more support than I have to. However some creators I follow are only on YouTube.
Question: is there a way to always show closed captions (when available) when watching YouTube videos without being logged in/having an account? Is there an extension with this behavior?
Issue: When I watch multiple videos in a row, using the ?view=57 url trick and "Play All" button, the captions turn off when switching between videos... I have to enter the other room and hit the "c" button on the keyboard to turn them back on every time, which is inconvenient while streaming.
Action: I've searched for Firefox add-ons and extensions but their behaviors are all generically described... and I can't ascertain if they have this behavior. And many that talk about subtitles are you uploading your own .srt which is NOT what I'm trying to do.
Any help would be appreciated... it's a small but very frequently experienced annoyance and I feel like there must be some easy solution! Or... this could be a fun practice exercise for someone to release on github or something ;)
Thanks in advance.

OpenTok Buttons to control the video

I am trying to build something like below (dribble) using OpenTok JS on the web. The default video elements contain only the mute button. Are there any tutorials/samples or guidance on how to control a video call, add chat, sharing, etc. ?
https://dribbble.com/shots/12215430-Online-Education-Platform-Webinar-page
Another e.g
Looking for pretty much all features on here
https://peercalls.com/
This is the required example, There is video, audio, chat, screen share.
https://github.com/aullman/opentok-meet

My app file size is already 32Mb

I'll start off by saying I am an absolute beginner. I've been following a very good tutorial on YouTube and reading a few books. So far, I have a working app which consists of a splash screen, load up music and then a menu with 6 buttons. I have got these six buttons opening up a new view. I have created a new Java class and a new layout.xml for each new view. Is this right? Basically, all I want to know is how to make an efficient app which allows me to use my 6 buttons to take me to another set of buttons as a sub-menu and then inside those buttons I want to display the information using text and videos and audio. It's a tutorial app. Once I know how to do this then I should be able to continue developing within the app. Any help or ideas please? Since my app is already so large, I'm guessing I've done something wrong, but as I say, the app is working at least.
I had a similar problem. My app was 40MB. I found out my music files were too big. I was using wav files. When I converted them to ogg files, my app went down to 14MB.
This website was useful: http://media.io
The buttons and extra activities probably don't take up that much space. I'm guessing it's the music and maybe any images that you have.

Stratus 2 Beta hacks or customization

I'm currently using Stratus 2 Beta to stream music from soundcloud to my website. At the bottom of the player there are various links to different pages. One is a link to stratus's website. Is there anyway to hide those buttons to make a cleaner player?
I know this is old but in case anyone stumbles upon it…
Two ways:
1) Edit the CSS to hide what you want and pass it as a theme (one of the options) to the player.
2) Grab the code from http://stratus.sc/stratus.js edit it and use it on your own server.
One point though: SoundCloud ToS requires a link to their site; as stratus is an official player it counts as the link, so you probably shouldn’t remove that one (unless you’re putting the link somewhere else).

Is there a standard Control for creating an in-app video player?

Im making a videoplayer in a wp7 app. Im using mediaelement to show the video, and sets its source from a url. Functionality i wanted are play/stop-buttons, forwarding/rewinding, a progressindicator (for the progress of the video itself) and show a progressbar when it buffers. I have accomplished all above, using some customized grids, buttons and so on.
I did get some trouble though, which i dont want to bother you with here (its a mess) and which is why im asking the following:
Is there a standard (or downloadable) control for wp7 that does all these things for me and that works perfectly. Ive searched "everywhere" but couldnt find anything. It surprises me that this isnt an easy to use, built in control that is easy to customize, since standard videoplayers are something id guess alot of apps could take advantage of.
Anyone?
Here is a tutorial on how to create a Windows Phone 7 View Model Style Video Player.

Resources