Facebook Audio Player Broken? - facebook

I am having a problem with sharing/liking links with Open Graph Protocol data for audio/mp3 files. They look OK on Facebook news feed/timeline, but when you click play button, it won't play. It says: undefined (see screenshot).
So I tried playing some older posts of links with OG meta data about audio/mp3 files, and they don't play either.
EDIT
I did some firebug inspection and the audio player is Flash based. I think the problem is in the flashvars part of the embed code. There is a flashvar for src but its value appears to be a SHA256 checksum instead of the URL of the mp3 file.

I got the same problem and I do not really understand what is the cause of this!!
I have tried the meta tags setting as provided here.
https://developers.facebook.com/docs/opengraph/music/
Give them a try also(if you have not yet) and see if they work for you.

Facebook has apparently removed the player. Their help file suggests making a music video. Very irritating.

seems to be a current bug:
http://developers.facebook.com/bugs/165246693563413

It seems like Facebook have finally fixed it - at least, the audio players on my page have started working again. Hopefully that means you should see it fixed relatively soon, depending on how this is rolled out.

Related

My clips never gets HD quality on Facebook

I have a problem uploading videos to Facebook and keep the original quality. I have tried every step and various solutions but it still never get HD (1080p) quality as the source file are. The highest I get is 720p.
I have Premiere Pro CC, the lastest version, and I have tried almost every codec settings there is. My file is in good quality 1080x1080 and when I export it the video looks great on the computer and even on Youtube.
Unfortunately with Facebook I can't get it to Work on my customers Facebook Page and the material looks crap.
There are other firms also uploading videos to the pages and theire content gets HD quality.
I have tried:
Alomost every codec setting recomended out there with h264.
I have checked the HD-box in Video Settings on my Facebook.
I have tried export it in Apple ProRes HQ and uploaded 1-2 GB files.
I have downloaded HD 1080p material from Youtube and uploaded to FB.
I have tried upload directly and even schedule it for weeks later.
Unfortunately there is still no luck.
Anyone out there having a solution I should try?
So I had the same problem for ages! and after a LOT of research, the only real answer I found is that Facebook gives different priorities to different users (ex: Verified and Not Verified).
So it has nothing to do with your rendering export settings...
It's all Facebook decisions...
It sounds like it may simply be a problem with the upload handling. You should be fine utilizing the native Facebook codec though it never hurts to rebuild it. There's explicit steps you can take here regarding Facebook codec standards: https://blog.pond5.com/12628-social-media-export-settings-in-adobe-premiere-pro-the-ultimate-guide/
Here's a few things I recommend for troubleshooting:
check that HD gear in the bottom right corner includes 1080. If it only goes up to
720, check to make sure your file is indeed 1080x1080.
make sure you are the one uploading directly into your customer's Facebook page.
after you've uploaded it, give it 10-20 minutes and check on it again. It's possible that they haven't finished converting the file to the proper quality if you immediately view it after upload.
I have the same issue. The best answer you have to speak someone with Technical support and this is only possible if you publish this question everywhere over the internet because the regular support are trained only to send you useless articles.
Secondly Youtube is the king of HD and 4K videos so far. Check out my 4K video. When i try to upload this 4K video on my facebook page. They simple create error. Then i downgrade it to 1080p and after upload it only watchable in 720p. Since, facebook do not care about real creator they will never reply your comments on time so get some real one from linkedin or nudge again and again their support by calling and emailing them back to back so they force to add a real technical guy in your discussion and he will solve your issue on your facebook page.
Drop me your page link on my Instagram Profile. i will add you in my discussion with facebook technical team.

Uploading Animated GIF files using Facebook Graph API

I'm working on a project where we're trying to allow users to upload images to their Facebook Pages. Currently we've got Photos figured out, but, animated .GIF files transmit successfully yet show only the first frame.
When posting these same files directly to FB, they display properly.
It is my understanding that FB converts animated images to .mp4 (or another format) to treat them effectively like video.
We're discussing whether or not we should do that conversion ourselves and transmit them as videos, though they behave differently on the newsfeed.
I'm looking for assistance in what the proper API call to make is to successfully publish animated gifs. Apologies if this is a redundant post -- there are many others but none have a definitive answer and many are years old.
The one piece of advice I've seen (but haven't gotten confirmation on) is to transmit an animated gif as a URL rather than the file itself. I'm not fully sure of what this means.
Thanks in advance.
I had the same problem when I posted animated GIF's through the Photo Upload - Graph API endpoint. I assumed this was the correct way, because in the documentation they say GIF is supported as photo upload.
Because they GIF's uploaded via this endpoint didn't animate, I tried the Video API endpoint instead and it worked perfectly.
So, for animated GIF's to work properly, you have to use the Video API endpoint: https://developers.facebook.com/docs/video-api/guides/publishing/
Uploading a gif as a video is the correct answer.

Giphy Gifs having strange behaviour on Facebook?

I was trying to make use of facebook's new ability to show actual gifs in autoplay to make a small looping advertising for a facebook page.
I tested out the feature initially using some Giphy gifs and found it worked fine, receiving the visual message that facebook was loading the gif and it actually working on autoplay and looped forever on a user facebook "wall".
The thing is, with some more testing I found out there are 2 different behaviours for giphy gifs when you post its link:
1 - It behaves perfectly and works as expected and as an actual GIF.
2 - It weirdly adopts a sort of "video form" that doesn't auto-play and makes use of flash to loop the gif...
I tried to guess through some testing why that happened and thought I found a pattern regarding the actual number of frames and the resolution but still I can't get my uploaded gif to work fine.
http://gph.is/1PPYUPn
However this one that has bigger resolution and a larger number of frames behaves perfectly.
http://gph.is/1OuQv3a
Any fellow developer or someone from Giphy that is available to help me out?
UPDATE: I also noticed that the debug info from facebook for both links is completely different! Check it on https://developers.facebook.com/tools/debug/
Solution:
upload your animation (mov or gif) on giphy.com
copy link that looks like this: http://giphy.com/gifs/str4ng35tr1nG
open https://developers.facebook.com/tools/debug/
paste link and click „Debug”
your animation will show as a static link to media.giphy.com/…
after 30 sec, click „Scrape Again”
if this not help, try again until (GIF) symbol will appear on your animation. Now you know that you can paste link in post and animation will work as it should.

iOS video player metadata

My question is if there is any built-in interpretation of metadata by the video player in iOS. I know one can add meta-data to a video and interpret it within a custom application as shown here.
In iOS on ipod or iphone, an HTML video is opened within the native player. I would like to display a message above or below the video for a short duration at the beginning. Since I cannot control the native player I thought there might be some built in metadata interpretation that could be used to perform this. I have not been able to find any information on this.
Any help is appreciated.
The blog you've posted includes details on using the native player MPMoviePlayerController to display meta data, which is pretty cool actually. You learn something new every day! If you're making a Phonegap App I suppose you could write a plugin to do this?
Or alternatively, have a look at this other OS question which appears to suggest that it is possible - though not seemingly with metadata embedded in the actual video. Apparently this works on iOS.
Reading metadata from the <track> of an HTML5 <video> using Captionator

Mp4 video not working on iPad *in Offline Mode*

I'm getting a weird problem when embedding an mp4 onto a webpage in iOS Safari. I am embedding it with a video tag:
<video src='gizmo.mp4' width=560 height=320></video>
However, on the page, I'm getting the 'video not available' placeholder graphic (play button with a slash through it)
However, when I go to the direct video on my server (http://www.example.com/gizmo.mp4), the video works perfectly.
I am using the video from here to test this out, I don't have the final video files yet. I have also replaced the gizmo.mp4 file with a gizmo.m4v file that Quicktime generated when I hit "Export for Web." I get the same result.
I am only interested in targeting iOS, so specific solutions for iPhone/iPad are welcome (even if they wouldn't work in the web at large)
Thanks in advance!
-Esa
EDIT: Did a bit more testing. Since this is an offline app that I am working on, I was completely offline for this, relying on the manifest. However, the videos worked once I took the manifest out and was working completely online again. So it looks like something up with iOS not caching video resources? The video in question is 748kB, so it's not a cache size issue (though, when I tries with a 13MB movie online, Safari automatically asked to cache the content)
Videos are regarded by the browser as a streaming resource and are not cached - even when referenced directly in the .appcache manifest file. I think the only way you could get this to work is to package the HTML 5 application up as a native app, using one of the many available tools for this (https://trigger.io, Accelerator etc).