Playing an MP3 throughout entire rails app - ruby-on-rails

I want to show an MP3 player that the user can control while navigating the rails app. When they load new pages, the MP3 will continue playing. My first thought was to make every page load with AJAX, and have the MP3 player on the main page. So new content loads, but the MP3 player just stays in place.
Second thoughts: I would need to 'ajaxify' the whole rails app just to show the mp3 player. In addition, I suspect this is less search-engine friendly than a normal app. I would appreciate your opinions and options on this matter. Or isn't the SEO thing a problem? Thanks in advance for your help!

You can catch the changing url in JavaScript and modify the page content dynamically without actually reloading the page. A popular library function that handles this is Angular's routing capabilities.

Related

load external website after embed youtube ends

I am trying to prepare responsive landing page for mobiles where only embed video will be visible.
Problem is – I am trying to redirect to another website when the movie will end.
I am reading about yt API, but it is hard for me to grasp at the moment.
Any help will be appreciated.
Need to target the players events. When it is finished playing, the event can target a script to load a new page.

jekyll/octopress embedded youtube videos caching issue

I have an octopress site http://irlnathan.github.io/sailscasts/ that embeds different screencasts from youtube. The correct video is displayed when the site is initially loaded, however, when a particular post is selected and one goes back from the browser all of the embedded videos point to the same single video.
I'm hosting the pages on github and I can't figure out why the pages are I think being cached in this way. Has anyone run into this problem?
I don't see the problem you described for your site.
But You might want to add <!--more--> before your videos so that videos are not shown in the blog list page. All these videos made the page loading a bit slow, which kinda defeat the purpose of using static page.

Embed YouTube on site, to open in a NEW PAGE (NOT within the same page)

OK, I have thoroughly searched for an answer, and have not found one that WORKS correctly. I have a page full of videos - listing training videos, each will have a link to a youtube video (all videos have been uploaded to youtube), but will open up in a NEW PAGE on my site. I am a novice website designer, and the problem seems to be that people are anxious to give me half of the code, rather than being explicit with it. Can you help, please?
You need to get the embedding url.
For instance, instead of: https://www.youtube.com/watch?v=JPx3A6XEUF0
use this: https://www.youtube.com/embed/JPx3A6XEUF0

Play a remote MOV in a UiWebView

I have a rather complex application that mostly works in a UiWebView. I would like to autoplay a MOV file from a URL full screen. My problem is that when I link to the MOV file the play icon is crossed out or video loads but does not play. Any ideas?
Are you embedding the video in html? What does your html look like?
If you're using html5 note that auto play is not permitted.
I would recommend getting things working first using a video you know if of the correct format/codec type, then when that works switch your video.
You can download a set of supported reference videos from Apples web site.
Or use this to ensure your video is of the correct format:
http://www.mirovideoconverter.com/
Also you might want to read this:
http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Youtube player for multiple videos from various accounts

I have a page that has many videos on it and the page has become so slow it is unusable. These are all Youtube videos and I changed to the new iFrame tags hoping that would help the loading. I need a solution to make this page more useable.
I would be happy if I could just pull a frame from the video and display that, when clicked it would load the video. Or I would be happy with a multi-video player. The custom play from Youtube will not work because the videos I am serving are not all from my account and as I understand the custom player you reference a group from your account. I have also considered using AJAX to load the iframe, which would be okay too if I could figure out how to get a thumbnail of the video to show as a link.
Ideas and suggestions are welcome. Thanks in advance for any ideas.
YouTube API is made up of 2 different sets - one for the player and one for the data.
You can start here ...
http://code.google.com/apis/youtube/overview.html
... then click on "Data API" link and after looking over that page, click on the "Reference Guide" link.
In essence, the gData API will allow you to get videos in numerous ways (feeds, channels, tops, etc) in chunks of up to 100 videos at a time, using a startIndex (or whatever it may be called) option for paging. What you get is an XML document with parts or everything that YT has about a video, including not one but several different thumbnail images.
HTH helps you and/or another Web 0.2 Fellow (like me)

Resources