[Pro] Music Website - Script Problems

Hi all,

I’ve been researching different options available for incorporating a music player that works on most platforms. Soundcloud works well, but I also looked at an application that extends Soundcloud called Bandpage that integrates with Facebook pages and also gives you the option to create content managed widgets that you configure and then paste exported code into your own website.

This gives you the flexiblity to control the overall design rather than being restricted to a template, using Bandpage as a CMS for all of your content.

The problem is I can’t figure out where I should be pasting the code? I assumed I would insert a markup item and paste it there, but this doesn’t work. An example of the code generated for a music player is as follows:

Can anybody shed any light on how I would incorporate this code in Freeway? Any guidance would be most appreciated.

Thanks,

David

http://www.davidhutton.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I assumed I would insert a markup item and paste it there, but this doesn’t work.

A reasonable assumption but without knowing more…

Do you have a link to details on integration? It looks like there should be more to it.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,

I can’t supply you with a link to the integration page as you can only access this when signed in to an account.

I’ve taken a screen grab which you can view here:
http://davidhutton.com/bandpage_screen.jpg

And there is also a video that explains the process:

I’ve managed to get it to working here:
http://www.cargocollective.com/audiodesign

I just can’t find a way to get it it working in Freeway?

Any help appreciated.

Thanks,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In Freeway, choose Insert / Markup Item from the main menu. Paste all of the code from the BandPage “Embed Code” popup into the dialog that appears. Okay the dialog, and move and resize the 100px square box that appears in the middle of your screen so it goes where you want this widget to appear. Preview or publish (it won’t ever look like anything in the design view except an empty box).

Walter

On Sep 20, 2012, at 4:40 AM, graphic_inc wrote:

I’ve taken a screen grab which you can view here:
http://davidhutton.com/bandpage_screen.jpg


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter,

Thanks for your reply. What you describe is exactly what I did but when I previewed or published nothing appeared/loaded.

So having tried this again, I uploaded a test page to my server to see if it needs to be online to work - and it did!

http://www.davidhutton.com/bandpage

Having to upload the page every time I want to preview any design layout would be a chore though, so what I thought might be a clever way to create a CMS using a combination of bandcamp widgets for sound, photos and text isn’t going to be practical.

I may now look at a WebYep and Soundcloud combination.

Thanks for your input though,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s because of the way that script link is coded. Note that it has no protocol – it just begins with src="//servername…. If you add http: to the beginning of the link, so it reads <script src="http://servername… then it will work locally as well.

The reason for this is that the script is designed to work in an http or https (SSL) environment without any re-coding.

Walter

On Sep 20, 2012, at 10:55 AM, graphic_inc wrote:

Hi Walter,

Thanks for your reply. What you describe is exactly what I did but when I previewed or published nothing appeared/loaded.

So having tried this again, I uploaded a test page to my server to see if it needs to be online to work - and it did!

http://www.davidhutton.com/bandpage

Having to upload the page every time I want to preview any design layout would be a chore though, so what I thought might be a clever way to create a CMS using a combination of bandcamp widgets for sound, photos and text isn’t going to be practical.

I may now look at a WebYep and Soundcloud combination.

Thanks for your input though,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok Walter I just tried your suggestion but it isn’t working locally?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you please copy the entire contents of your Markup Item and paste them here, using the following trick to make it work correctly for the Web (I’ll see it in mail, but it will look funny on the web if you don’t do this):

  1. On a new line in your message, type four tildes (~) in a row and press return.
  2. Paste your code and press return.
  3. Type another four tildes on the next line and press return.

Walter

On Sep 20, 2012, at 11:12 AM, graphic_inc wrote:

Ok Walter I just tried your suggestion but it isn’t working locally?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok Walter, hope I’ve understood you correctly. Here is the code supplied (without the http: added):

<script async type="text/javascript" src="//www.bandpage.com/extensionsdk"></script><div class="bp-extension" data-bandpage-rmid="128868427778502656"></div>

Thanks for your help,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just tested it here in TextMate, and it worked without any issue on the desktop*. But testing that same page in Safari threw a bunch of security errors and refused to work. Firefox didn’t even try the request–it just sat there like a lump.

I’ve figured out what the issue is. Remember how I said that they were using a “protocol-less” URL to work around http/https issues? They do the same thing in the script that they send down to you as well. So because you are viewing the page in your browser from a file:// URL, it tries to tack file:// to the beginning of the script it requests from the server, which fails.

TextMate prepends its Web Preview environment with http://localhost/, which actually works for some reason (modulo a million errors about JavaScript cross-domain requests).

Walter

*TextMate reported the million errors, but let the process continue until the player appeared in the Web Preview window.

On Sep 20, 2012, at 11:36 AM, graphic_inc wrote:

Ok Walter, hope I’ve understood you correctly. Here is the code supplied (without the http: added):

<script async type="text/javascript" src="//www.bandpage.com/extensionsdk"></script><div class="bp-extension" data-bandpage-rmid="128868427778502656"></div>

Thanks for your help,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for all of your help with this Walter.

Most appreciated,

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options