Facebook Opengraph Protocal in Flash mp3 Player

numskidude
on 13/10/11

Hi
How can I make the Flash mp3 player shows up in facebook post according to this link
http://developers.facebook.com/blog/po...

"Developers often want the ability to play video or flash media files within the News Feed. Previously, this required that your domain get added to a whitelist. We have now opened this up to every domain. To embed your video into the News Feed, add the appropriate Open Graph protocol meta tags to your page: "

Regards

Last edit on 13/10/11
reply
corneliu.chitanu
on 17/10/11
Hi,

You'll need to use those "og:" tags in your webpage. When someone shares your webpage, Facebook will scan for them and embed the player in the news feed. Make sure to use the "og:video" property correctly.

You should give parameters to the SWF file to let the component know where it can find it's resources. This is how it should look like:
```
                
<meta property="og:video" content="http://yourwebsite.dom/player.swf?componentWidth=400&componentHeight=300&pathToFiles=thePathToTheMp3GalleryFolder&xmlPath=xml/settings.xml&contentPath=xml/mp3gallery.xml" />

                
```
We didn't try it, but this should be the way to do it.
numskidude
on 18/10/11

Thanks !!!!!!!!
I just put the whole thing in the deploy folder into my directory and then TA DA! it works == http://demo.teamofze.com/test/
Now I added the meta tag in the header but still no luck

Last edit on 18/10/11
reply

corneliu.chitanu
on 20/10/11

You actually have two "og:video" tags. Try removing the second. In the first "og:video" tag you have some syntax errors. An extra ";" character and a "/" character missing. It should be like this:

                
<meta property="og:video" content="http://demo.teamofze.com/test/preview.swf?componentWidth=400&componentHeight=300&pathToFiles=http://demo.teamofze.com/test/mp3gallery/&xmlPath=xml/settings.xml&contentPath=xml/mp3gallery.xml" >

Also, try editing all these meta tags:

                
<meta property="og:url" content="http://www.youtube.com/watch?v=H73O8zaHmAo">
  <meta property="og:title" content="Challenge | New Old Spice Guy Fabio">
  <meta property="og:description" content="Fabio is forever proof in pudding who is best Old Spice guy. We settle this with internets duel http://www.youtube.com/oldspice">

  <meta property="og:type" content="video">
  <meta property="og:image" content="http://i1.ytimg.com/vi/H73O8zaHmAo/default.jpg">
  <meta property="og:video" content="http://www.youtube.com/v/H73O8zaHmAo?version=3&amp;autohide=1">
  <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:video:width" content="398">
    <meta property="og:video:height" content="224">
  <meta property="og:site_name" content="YouTube">

I copied them from a YouTube video page.

Last edit: on 2/11/11

numskidude
on 20/10/11

Still no luck in facebook:( Would you consider taking a custom project, we really need a player that can sell our music in facebook. I've already contacted the sms gateway service in bangkok and this is what they recommended us to do
http://www.facebook.com/photo.php?fbid...
This player belongs to a big music label in Thailand and of course they only sell their artists's music.
Best Regards!

Last edit on 20/10/11
reply
corneliu.chitanu
on 24/10/11
Sure, I forwarded the email you sent for custom work to our colleagues. They will contact you as soon as possible and discuss the details of the project with you.

Kind regards.

Last edit: on 24/10/11
numskidude
on 16/11/11

Please could you take a look at these players in my wall post on facebook sir!
http://www.facebook.com/pages/test123/... The first one with the jw player seems to work fine but the second one below it shows up the thumnail but the player still stuck there.

Last edit on 16/11/11
reply
corneliu.chitanu
on 17/11/11
Hello,

The problem is that you specified the paths wrong. They should be:
```
                
http://demo.teamofze.com/test6/preview.swf?componentWidth=400&componentHeight=300&pathToFiles=mp3gallery/&xmlPath=xml/settings.xml&contentPath=xml/mp3gallery.xml

                
```
You included the pathToFiles folder into the paths to the XML files. The xmlPath and contentPath are relative the the pathToFiles folder. So you had the player looking for the XML file at this path: mp3gallery/mp3gallery/xml/mp3gallery.xml . This is, of course, incorrect.

Please set the paths like I did above and it should work. I hope there won't be any security problems, because Facebook makes changes daily to their system.

Last edit: on 17/11/11
Dale00
on 13/1/12

I am having the same issue the player is fine on my website I set it up for facebook news feed following the post on here but to no avail no matter what I do it doesnt work in the news feed. All my other open graph protocols work except the one with the pathtofiles for facebook news feed doesn't work. And I have tried everything every different paths to no avail.
reply
corneliu.chitanu
on 18/1/12
Hello,

We explained by email how to use the pathToFiles. The problem now is that Facebook does not take the latest changes from your webpage. I don't know why this is happening. It should update the latest paths from your website anytime. The problem is we don't know when this is going to happen. It's not something we can control.
ereign
on 9/3/12

mind taking a look at this for me would this work
it works on my page but when i post it to facebook wall it just loads and nothing else just a spinning wheel....i have a app id also but on the edit app page on face book im not 100% sure what directory url to put and on which section like canvas url or idk
//code removed

Last edit on 10/3/12
reply
corneliu.chitanu
on 10/3/12
Hello,

Sorry, we removed your code. It was too long :). The problem is, like I mentioned above, you need to give the preview.swf file some parameters: the pathToFiles flashvar, the XML paths etc. This is an example:

<meta property="og:video" content="http://demo.teamofze.com/test/preview.swf?componentWidth=400&componentHeight=300&pathToFiles=http://demo.teamofze.com/test/mp3gallery/&xmlPath=xml/settings.xml&contentPath=xml/mp3gallery.xml" >

This should fix the problem.

Last edit: on 13/3/12
ereign
on 11/3/12

Would it be possible to post a full working example of a index file for this player the one I'm using is the simple mp3 flash player with menu if you would like a link let me know ...but I def corrected my parameters to all relative directories and still nothing I even tried https links nothing ... Has any one ever got this to work on facebook maybe I could get a link to there page any thing helps thanks
reply
ereign
on 12/3/12

i figured it out ...thanks 1 million um the issue actually was that if you click source and copy the meta you pasted above there are "&" symbols instead of ";" which changes the code completely folks pay attention to the double ";;" above

reply
corneliu.chitanu
on 13/3/12
Sorry about the mistake. The HTML parser had some trouble. I've corrected the code above, just to make sure everyone else won't have the same issue.

Enjoy the player on Facebook!
ereign
on 14/3/12

@comeliu chitanu i have another issue my players download button does nothing when selected in facebook any hints leads or assistance is much valued and thanks a millionm on the last one

Last edit on 14/3/12
reply
corneliu.chitanu
on 16/3/12
You'll need to set absolute paths for the mp3 URLs. They're probably correct relative to the webpage you have on your website, but not for Facebook. Just make absolute paths out of them, with "http://" in front and the full path to the file. This should do it.
ereign
on 17/3/12

This is a good theory but It doesn't explain why none of the other links functions like buy now button which by default should send me to the flabell page also don't work

Last edit on 18/3/12
reply
corneliu.chitanu
on 19/3/12
Not sure where the problem is here. If you need me to take a look, please buy a support ticket and share a link your player (not the one on Facebook)? I'll test it and see where the problem is.
ereign
on 25/3/12

Hey how's it going I bought the support ticket but it's under the. Wrong email address how can I correct this
reply
corneliu.chitanu
on 26/3/12
Hello,

We checked your account and you have the support ticket, so please let me know how I can help. Also, please share the link I was mentioning above. Thanks!
ereign
on 26/3/12

http://indalab.net/wp-content/Indalab_...
reply
corneliu.chitanu
on 2/4/12
The player works now on facebook now, the tags are all correct. The problem is the security restrictions between Facebook and the script when trying to download the mp3 file. You'll need to try and make a different kind of request with a different download script.
kuruczp
on 30/3/12

Hi!

Can u help me in how i could make the Simple Flash Player http://www.flabell.com/flash/Simple-Mp...
show up on Facebook, what og meta tag i should add on my site?
Thanks
reply
corneliu.chitanu
on 2/4/12
Hello,

The tags you need to put in the HTML code are exemplified above. Just make sure they are correct. Also, please download the Simple Mp3 Player one more time and use the new version of the SWF file. We made an update so you can use the "GET" type parameters.
ereign
on 7/4/12
Hey did you ever get this to work?
ereign
on 7/4/12

I got the simple player to post inline but how do I assign the track it keeps playing the sample song
reply

corneliu.chitanu
on 12/4/12

Hello,

You should change the "og:video" tag:

                
<meta property="og:video" content="http://yourwebsite.dom/preview.swf?componentWidth=280&;componentHeight=78&pathToFiles=thePathToThePlayerFolder&xmlPath=xml/settings.xml&artistName=YourArtistName&songName=YourSongName&songURL=songs/song.mp3" />

The path to the mp3 file is relative to the pathToFiles flashvar so be careful how you set these two paths. If you need help, please share a link to your player. We'll try to find out what the problem is.

premutd
3 weeks, 5 days ago

Hi.. I am facing two problems with the simple flash mp3 player:
1. The swf wont pick up the file i specify in the code. It always plays the default file
2. The facebook app shows my the player in news feed. But when I click on it, it opens in a new page instead of playing there.

Any help would be greatly appreciated. This is my index.html file for the player:

-bash-3.2$ cat index.html

//index.html code removed because it was too long

Last edit 3 weeks, 3 days ago
reply

premutd
3 weeks, 5 days ago

I am sorry, Not sure what is goin on when I try to post the code... but here is the video tag:

                
<meta 
property=og:video
content=http://preethiprem.com/deploy/preview.swf?componentWidth=280&
componentHeight=78&
pathToFiles=http://preethiprem.com/deploy/player/&
xmlPath=xml/settings.xml&
artistName="YourArtistName"&
songName="YourSongName"&
songURL=http://preethiprem.com/deploy/1.mp3 />

Last edit 3 weeks, 3 days ago

corneliu.chitanu
3 weeks, 3 days ago
Hello,

Please provide a link to your mp3 player. We'll figure out faster what is going on. Also, please buy a support ticket, we'll take a look and find where the problem is.

Thanks!

Subcribe to topic RSS

This week's featured product

Store Locator

This cool AJAX application will enhance your website by showing your stores' locations. You can also display an image and a short description so your users know exactly where to find your business.

Become a premium member

Flabell and Themesbell membership provides users with the ability to download any of our components for Adobe Flash and website themes for free, during an entire year.
read more

Facebook Opengraph Protocal in Flash mp3 Player

Post a comment

This week's featured product

Store Locator

Become a premium member