Soundcloud: Stratus player continue to play across pages? - soundcloud

I'm confused about whether the Stratus player for SoundCloud can play continuously between pages, or at least pick up the track where it was.
SoundCloud describes the STratus player as follows... "A bunch of you told us that the only SoundCloud player that was missing was one that would float on the top or bottom of a site and continue to play as you switch pages, we feel like we've solved that with our Stratus player!" (http://soundcloud.com/101/stratus)
But on the Stratus2 page it says "Can I keep Stratus playing even when the page reloads?
Not currently." (http://stratus.sc/)
Is there some way to have SoundCloud play continuously between pages, or at least pick up the track where it was?

It looks like you can achieve this with the HTML5 History API.
The HTML5 history API is a standardized way to manipulate the browser
history via script. Part of this API — navigating the history — has
been available in previous versions of HTML. The new parts in HTML5
include a way to add entries to the browser history, to visibly change
the URL in the browser location bar (without triggering a page
refresh), and an event that fires when those entries are removed from
the stack by the user pressing the browser’s back button. This means
that the URL in the browser location bar can continue to do its job as
a unique identifier for the current resource, even in script-heavy
applications that don’t ever perform a full page refresh.

Can I keep Stratus playing even when the page reloads?
Not currently. Your site would need to be built so that it doesn't
reload rather than the player. However, we do provide a popup function
that users can click to enjoy your tunes while browsing your site.
I'm guessing that the line about changing pages refers to possibility of popping the player out and navigating the website. You could also build your website with something like pjax and then keep stratus in the “footer” so navigating your website will only update the contents.
I hope this helps.

Related

Force specific line to render for test?

Short version
Is there a way to force a specific banner to show so I can take a screenshot? I know I can Photoshop it etc, but that's not really nice.
The whole thing
In name of an intermediary firm I regularly place banners for their clients on my site via DFP (my account). They always request a screenshot of the site displaying the clients' banner to pass on to them showing that I've started the campaign.
Unfortunately sometimes the frequency is so low that even "As fast as possible" takes a ton of pageviews before the banner shows up (which is also not really nice towards the other advertisers).
You can check documentation for Preview a creative
In short:
You need to open creative, click Preview tab, click on site and put url of the page on your site where you expect to see your creative
Update
Looks like problem related to way you are opening creative. I have reproduced this behaviour.
If you open creative directly trough search it shows no On site link
If you open line item first and from this screen navigate to very same creative, you will see On site link

Attempted Frozen Title Change: Any FB developers?

This has been asked a few times over the past couple of years but as Facebook tells me "Facebook engineers actively participate on StackOverflow.." So I'm hoping get get some joy here.
We have uploaded a video to youtube, passed it round and made sure we are happy with it, made it public and tried to change the title from 'xxx - final' to the actual title. However, Facebook shares are showing the old prerelease title but not the actual title, leading to much confusion amongst our subscribers and those trying to share the video. I should add the time between clicking the 'public' button to updating the title was a matter of minutes and seconds.
I have run it through the Facebook debugger and the scraper can see the changes but the problem persists along with the following debugger message:
"Attempted Frozen Title Change It appears that you are trying to change the property og:title from xxx to xxx. If so, you are not allowed to for this object because too many actions have been published against it."
This is obviously a real problem for us. Has anyone come up with a definitive solution or course of action? We can't simply delete the video because its for a band and there have been numerous post to not only Facebook but fan forums and elsewhere already and deleting and re-uploading the video would require an alternative url.
Many thanks
I managed to talk to a FB developer about this. Is seems that its a protective measure to stop click baiting, fake links and so on. His advice was make sure you upload the file as you want to see it when it goes live - ie. Don't use 'video 4.. final version' or some similar 'temporary' title because as soon as people start to view click or comment it becomes locked.
The engineer I spoke to was kind enough to unfreeze the video so all was well in the end, but looking at the comments of others who have had the same problem I was pretty lucky as it was a long standing Youtube account with 100,000's views and hundreds of links pointing to it meaning they were comfortable that I wasn't 'trying it on'.
So the bottom line is: if you want to upload a video and share it with your Facebook account, make sure the you have set the titles, tags and any metadata on the video immediately and before you paste to, or, share on youtube or there is a strong possibility that even though you can update that info on Youtube, Facebook won't recognise the changes and instead use the information it has in its database when the video was first scraped.

When using the "like" social plugin, can I get the like message to display in the same way as the object preview in the Open Graph dashboard?

I have a music app that I developed using HTML5's canvas. As different songs are selected, I have jquery that dynamically updates the URL in the browser to point to the correct song. I also have jquery that updates fb:like element. By using the debugging tool, I'm able to cache the pages (since my server is able to return correct meta-data for each URL provided).
When I do this and like something on my website, I end up with a message saying "Sami liked a page." with some info underneath.
Next, I use the Open Graph curl commands to add a Recommend action (something I've created) to a given URL from my website. Now, when I like the same url, I end up with a message saying "Sami recommends this link" with some info underneath.
What I'd really like to do is have this message display "Sami recommends a song on website", which is what the message looks like when I look at the preview for my Song object in the Open Graph. Is there any way to do this?
Best,Sami
EDIT: probably good to note that I'm also getting some extra meta info from the website (such as og:site_name), but that this stuff is not being saved into the Actions portion of my Open Graph (as in I can't view that info using the Open Graph link to view my current Recommendations), though I can see it using the debugger tool.
The facebook like button "triggers" the most generic action which is the like, you can how ever change the like button to use "recommend" instead of "like".
In the documentation for the like button, in the attributes table you can see the "action" attribute which is:
the verb to display on the button. Options: 'like', 'recommend'
Also when you "Get Like Button Code" thing you can select Verb to display.
If you want to use your own actions you'll need to define them in the app settings page as explained in the Define Actions guide.

how to customize facebook like button

I am usign the version of based on the <fb:like > tag. This renders a small facbook logo which implements the actual "like" operation, but also includes a large "signup to see what your friends like", or the number of likes when you are logged in, etc. It is pretty clear from what I have read that this is the form facebook wants you to use, but it makes the button to wide for my layout. The point is that I see other versions on websites all over, in particular "the weather channel" has one that includes only the logo with some text such as "like us" next to it. "Chicago Tribune" has one that says "recomend" with a very small like count next to it. I have not been able to determine what these link to or what script they invoke so that I can copy them. Can anyone help ?
when you get the code of the like button from facebook you can play with the options and get different results: http://developers.facebook.com/docs/reference/plugins/like/.
obviously it's limited to how facebook wants it to look like.
it is possible to change the look with css, but that's not wise since it's against their policy and you'd have to keep track with their changes.

How to take a screenshot of a website

I am building a web browser for iPhone in Xcode and the "home page" of my app is a speed dial page which provide 6 slots for users to add their favorite website. Each slot will then display a screenshot of the website. So what I want to do here is to grab the screenshot from the link input by users, for example, "http://www.google.com". Is it possible to do this with cocoa touch?
In case anyone want to have a similar function like this, I did find a way to do it but not sure whether it's the best way of doing it. Or maybe now there are libraries or plugins out there that provide this function already.
My solution
After users have entered a website url, you need to create a temporary UIWebView and load the url (do not make it visible to the users). After the UIWebView finished loading, you make the UIWebView visible and then take a screenshot, after that, make the UIWebView invisible again immediately (or simply destroy it). In this case, you will get the screenshot of that website and users won't notice what just happened.