I'm working on the sharing aspects of a website, and got stuck with google's hangouts chat.
I want links to the site to be displayed as "cards" with my preview image (ideally, an animated gif), the same way these are:
https://github.com/kkroening/ffmpeg-python
https://xkcd.com/387/
https://www.youtube.com/channel/UC2hxYQtGLEkcOMK4h8JRycA
I was hoping the generic "og:image" meta tag would do the trick, but that's not working
So, I checked out the source code of these pages, but that didn't help either:
In the github page, for example, the url to the image can be found in the og:image and twitter:image:src meta tags. I thought it would be weird for 'twitter:image:src' to be the solution, but I tried anyways. It didn't work.
I've been looking everywhere for some documentation on this, but all I can find is stuff about creating a bot, which is not what I'm looking for.
Thanks for any advice
Related
I am building an automotive website using bootstrap 5, CSS and JS and I would like to create a car detail page which has an image slider similar to the one on auto trader https://www.autotrader.co.uk/car-details/202202242915123?advertising-location=at_cars&postcode=WC2N5DU&model=Grand%20Cherokee&page=2&make=Jeep&year-to=2022&include-delivery-option=on&sort=relevance and this website https://www.caryandi.com/en/ads/ad-bmw-m2-zambia-chingola-20800. I have searched google and youtube for tutorials but I cant seem to find something similar. Please If anybody can help me with a link or any thing I can refer to I will be more that grateful. I have also included a link to a short youtube video detailing what i am looking for. https://youtu.be/DZIdWpVu5vM
Where would I find the code to edit an iframe (youtube video) in Shopify? Right now in a blog it is not resizing in mobile and looks half cut off. I have looked in the article folder, blog folder, theme.liquid. I've checked everywhere. I don't even know what code to send you guys so you can help me figure it out. Basically what I am trying to do is find the code and then somehow resize it so it doesn't look cut off in mobile view. Does anyone know how to do that?
I am working on an application which will have an option for users to upload images. Once uploaded, the application will show other images from the web which look exactly similar, whether or not of the same size.
For this, I will create a temporary URL for the image so that I could provide Google custom search API the URL of the image. I would expect in response, URL's of images that are exactly the same or similar to it, perhaps in JSON format.
I did find a similar question posted in January. Till then Google did not support anything like this, apparently:
Google Javascript Custom Search API: Search images by image url
One can also simply do:
http://images.google.com/searchbyimage?site=search&image_url={Image URL}
Since that is not part of an official API, it may not be right to use this method.
Can someone help me?
Well, the answer quite simply is TinEye Commercial API https://api.tineye.com/welcome. I was looking in the wrong place I guess, I did not have any luck with Google Custom Search API.
Would you need a simple result?
If you are, you can use Vision API of Google.
This is very simple.
https://cloud.google.com/vision/
You can try on the top.
First, access the URL.
Second, upload your image file on the "Try API"
Third, click "JSON" tab menu on the result.
You can be seen JSON about similar images.
The application I'm making is similar to YouTube. It is a TableView that has a custom cell that displays a screenshot of the video, title, duration, and rating. I think I'm able to create this custom cell, my question is what to use to get the information from the website? Thanks for the help, I'm still inexperienced.
Update: Maybe I didn't word it properly, but I meant to get the video and information from a different web site that isn't YouTube for its videos, sorry for the confusion.
You use YouTube's API.
Has anyone posted a video via the Facebook Connect API to their profile / feed page?
Ideally, the video should be queued to the first frame with the superimposed Facebook's blue right arrow "play" button. Or if a thumbnail representing the video has to also be uploaded (rather than the video being queued to the first frame) as well, this is fine.
Also, when the video, or thumbnail, on the profile page is clicked, the video plays where it is - rather than going to another page off Facebook to be played there.
The question may have not been correctly worded. The term "API" was misleading to a couple of folks - and I apologize for that.
What I was trying to do was to "share" a video by linking it in Facebook, AND to have it play in the profile feed (ie. to not leave the Facebook site while viewing the video - just like YouTube and Hulu.com do).
After digging into the JavaScript that Hulu was using to get this behavior, we noticed that a link tag was missing between our version of the <meta> and <link> tags, and Hulu's.
Facebook's web page, http://www.facebook.com/share_partners.php, was missing a tag that you should have if the content is a video, and you want it played in the profile feed.
Along with:
<link rel="video_src" href="http://www.example.com/player.swf?video_id=123456789"/> ...
You should include:
<link rel="media:video" href="http://www.example.com/player.swf?video_id=123456789"/>
That will get it to play in the feed. BUT, your domain name must be whitelisted.
To get your domain whitelisted, fill out this form: http://www.facebook.com/share_partners.php#/developers/developer_help.php
I got a reply, and approval, within a day! Kudos to the Facebook developer support staff!
Use the Video.upload as described by stevedbrown or the Stream API or if you want to go simple share the link via API or share link.
Have you read the Facebook developer wiki page on this? That explains what is possible and how, it's pretty decent.