Twitter Image sharing for web applications (API?) - javascript

Hello I am making a web application in which users will have to upload images they take to twitter using an integrated twitter image sharing button or function. I have looked at the TwitPic API, which does namely that, but according to their website (https://blog.twitpic.com/2014/10/twitpics-future/) they are basically discontinuing the it.
My Question is if there is an API or way in which I can have users share their image to twitter from within a browser window (so that i can be done via mobile devices as well)?
So far I have just used the twitter button creator and created a normal tweet share, but it does not support image sharing or I cannot seem to figure out how to make it support image sharing.

Yes, take a look at the Twitter documentation for uploading images.
Every modern Twitter library will be able to do this for you.

Related

How to accomplish live preview feature in a web app?

Basically, we are using a headless CMS to edit content on Website A. We are building our own CMS UI based on the headless CMS API (call this Website CMS).
Now, we have this page in Website CMS wherein you can edit the content on the left panel and get a preview of Website A on the right panel (mobile view).
I haven’t done anything like this before and I am wondering what’s the best way to accomplish this and if there any libraries that help with this functionality.
Some ideas:
Embed Website A within Website CMS and any changes done on the left panel basically just refreshes Website A (which is just embedded into the page).
Recreate Website A as a page in Website CMS and call the same APIs so that the changes both happen on Website CMS’s Website A and the actual Website A. (Although I don’t see how this would be more beneficial and will create 2 separate codebases for the exact same page).
Others???
Main framework we are using is ReactJs for this CMS UI.
Option 2 is what I would do and wouldn’t necessarily be duplicative.
You would want users to be able to preview changes without publishing them. So porting the real website wouldn’t be compatible with that goal.
Code duplication would probably be minimal. It would share most of the same code and it would also propagate much faster.
you can establish a communication link between CMS and website A to exchange data.
Options
you can embed website A inside Website CMS using an iframe and then you can use postMessage to exchange data between CMS and Website A.
Or else you can use WebSockets where website A will listen for the changes done at the left panel of the CMS.

Communicate w/ Javascript running in an iFrame

I'm currently working on an application that uses the Phonegap/Cordova framework to display an online and an offline version of a website. If you're not familiar w/ this framework, it offers a simple way of creating multi-platform applications by displaying local files in a full-screen webview.
When launching the application, the Javascript integrated in the local files of the application detects if Internet access if available, and redirects the user to either another local webpage containing a full-screen iFrame of the live website, or a reduced offline version of the website (contained in the local files of the app) if no Internet connection is detected.
I would like to detect when the user logs in using the various forms on the website (being displayed inside the iFrame), but I have no way of knowing which page the user is on, or interact w/ the website content at all because of the same-origin policy.
Would it be possible though to make the Javascript from the local page (which contains the iFrame) interact w/ the Javascript from the remote page (which is being displayed in the iFrame)? This way, I would be able to obtain the login information, and save it for later use (obviously not w/o using a token system), but also it would help for another planned feature (trigger the guidance system).
Thank you.
Look into HTML5 communication, it's pretty simple and sounds like it fits your needs
http://stevehanov.ca/blog/index.php?id=109
https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

Open Instagram with canvas generated image from a webapp

I'm building a webapp where you upload a photo and you can add custom emoticons to it (Like Facebook Stickers to photos, all this in a element). The idea is that when you are done adding stickers you can share the photo to Instagram.
Is there a way to open Instagram app from mobile browsers (Android/iOS) with this picture ready to edit?
I've seen this functionality on some native apps (on iOS, they upload via airdrop) and it works but I found nothing about it on the API documentation.
Thanks!
"Computer says no"
Also, there was already an answered question regarding this.
is it possible to upload images from my web application to instagram?

How to control a HTML5 website through Kinect v2?

I'm trying to build a HTML5 website that can be controlled through Kinect v2, meaning navigation through pages, pushing buttons, playing videos, etc. I was able to start this project with Kinect v1 using Zigfu but the requirements of the project changed and now I have to use the Kinect v2. Zigfu is not compatible with Kinect v2.
Do you have any other suggestions, what should I use in order to achieve this?
Thanks
I think this is not possible, as the only way you can use the JavaScript API for kinect v2 is in a winJS store app. You could try to embed a web browser on the app. Check this:
https://social.msdn.microsoft.com/Forums/en-US/c285b9ae-a8d3-4ed7-bcf6-0b05b03deebf/developing-with-javascript-vs-wpf-c?forum=kinectv2sdk
You may use HTML5 Web Socket to make data communication between kinect and your website. When you can access kinect data from your browser, you can easily design your desired control logic with the data. I've used this web socket server to develop a project. You may check this. There's a Test site inside it, which shows real time color data and body data in a web page from kinect.

Facebook app inside users wall?

Is posible to build a site like youtube, that when is shared in facebook users can run the app (in this case the video player) in the user wall without enter to the youtube page.
if is posible, this is only for videos?... can i get an interactive app, like a game do the same.
this can be only achieved using flash? or there is any way to do it using HTML5?
Thanks beforehand, any information will be apreciated.
This functionality is available for any application and it's not limited to videos but any flash objects (strictly sandboxed without any access to parent document). Read more about posting to feed in user object documentation.
Use source field for post to provide link to flash movie/video. It is not stated in current documentation for user object that this field can be passed, but this is works, and it listed in post object documentation.
It is not possible to embed/share/publish HTML5 content on Facebook.

Categories