Comments (3)
Added Twitter demo (thanks @breadadams!)
I think we can ship an API field with the iframe ready to be embed.
For example, this could be the API payload from a target Youtube video
// 20180303170707
// http://localhost:3000/?url=https://www.youtube.com/watch?v=hwMkbaS_M_c
{
"status": "success",
"data": {
"lang": null,
"author": "ONE Media",
"title": "Star Wars 8 THE LAST JEDI Official TRAILER (2017) Daisy Ridley, Disney Movie HD",
"publisher": "YouTube",
"image": {
"width": 1280,
"height": 720,
"type": "jpg",
"url": "https://img.youtube.com/vi/hwMkbaS_M_c/maxresdefault.jpg"
},
"embed": "<iframe width='560' height='315' scrolling='no' frameborder='no' src='https://www.youtube-nocookie.com/embed/hwMkbaS_M_c' frameborder='0' allowfullscreen></iframe>",
"description": "Star Wars 8 THE LAST JEDI Official TRAILER (2017) Daisy Ridley, Disney Movie HD\nĀ© 2017 - Disney",
"date": "2018-03-02T12:00:00.000Z",
"video": null,
"logo": {
"width": 144,
"height": 144,
"type": "png",
"url": "https://s.ytimg.com/yts/img/favicon_144-vfliLAfaB.png"
},
"url": "https://www.youtube.com/watch?v=hwMkbaS_M_c"
}
}
So we can build the card preview and, after user click, replace the card content with the embed
content.
from sdk.
Hey,
Since Microlink API has audio parameter as well, is a good moment to start moving this forward!
I don't have an estimation, but my original idea is first to implement this on API level, then use the SDK to retrieve the new embed
field.
In the middle time, you can use one of the libraries we suggest at first comment ā the problem with this approach is it will going to add more code in your client side.
Please subscribe this issue, it will be updated ASAP
from sdk.
Hi! Do you have any update on this? Is going to be a feature soon? Thanks!
from sdk.
Related Issues (20)
- Ensure to log fetch errors HOT 2
- Ensure Microsoft Edge compatibility
- microlink.io is down? HOT 1
- Separate `fetch` from `setData`
- Make embeds clickable while loading HOT 1
- [vue] Can't perform a React state update on an unmounted component HOT 1
- [hover-react] testing snapshot fails
- A better way to customize basic style
- Add a way to pass iframe options HOT 2
- Links to documentation and storybook don't work
- Storybook link down HOT 1
- Styling of card loader HOT 8
- it fails for some websites that need to accept cookies HOT 5
- Microlink Hover improvements
- Is using raw `video` urls / mp4's legal in the preview? HOT 2
- apikey being passed to the Iframe wrapper component HOT 2
- Crashed with invalid link HOT 4
- Cors on any link HOT 1
- Running React v17 won't compile - @microlink/react gives an error about needing an additional loader in (MicrolinkError) HOT 2
- Upgrade microlink react SDK Styled-Component Package HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ššš
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sdk.