shobhitsharma / Embedo
Licence: mit
Embeds third party content to DOM with perks 🧙♀️ (7kb gzip / standalone)
Stars: ✭ 327
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Embedo
ts-serverless
Telar Social Network using OpenFaaS and Kubernetes. Run your own server-less social network. One command from OpenFaaS Cloud to build Social Network.
Stars: ✭ 34 (-89.6%)
Mutual labels: social-media
mastofeed
ActivityPub feed => iframe embed. https://www.mastofeed.com
Stars: ✭ 55 (-83.18%)
Mutual labels: iframe
Mega Doodles Pack
🔥 Big vector pack with hand-drawn doodles for presentations, social media, blog posts and so on
Stars: ✭ 258 (-21.1%)
Mutual labels: social-media
pH4Social
📣 Social Networking Software built with Laravel PHP framework and Bootstrap.
Stars: ✭ 27 (-91.74%)
Mutual labels: social-media
fake-news-detection
This repo is a collection of AWESOME things about fake news detection, including papers, code, etc.
Stars: ✭ 34 (-89.6%)
Mutual labels: social-media
GNN-FakeNews
A collection of GNN-based fake news detection models.
Stars: ✭ 127 (-61.16%)
Mutual labels: social-media
social-media-profiler
Find information from Twitter, Instagram, LinkedIn and Google Search about a person.
Stars: ✭ 34 (-89.6%)
Mutual labels: social-media
Mern Social
A MERN stack based social media application [Full-Stack React Projects]
Stars: ✭ 288 (-11.93%)
Mutual labels: social-media
WeiboCrawler
无cookie版微博爬虫，可以连续爬取一个或多个新浪微博用户信息、用户微博及其微博评论转发。
Stars: ✭ 45 (-86.24%)
Mutual labels: social-media
plain-overlay
The simple library for customizable overlay which covers a page, elements or iframe-windows.
Stars: ✭ 28 (-91.44%)
Mutual labels: iframe
focus-outside
📦 一个很棒的 clickOutside 库，它解决了 iframe 无法触发 clickOutside 的问题，并且它支持分组绑定处理。A good clickOutside library, which solves the problem that iframe cannot trigger clickOutside, and it supports grouping binding processing.
Stars: ✭ 74 (-77.37%)
Mutual labels: iframe
remote-frames
Render a subset of the React tree to a different location, from many locations, without having to coordinate them
Stars: ✭ 27 (-91.74%)
Mutual labels: iframe
Twitter Cleanup
🛁 Clean-up inactive accounts and bots from your Twitter
Stars: ✭ 275 (-15.9%)
Mutual labels: social-media
Social-Media-Monitor
Automatically monitor and log fan counters from social media(Facebook Pages, Twitter, Instagram, YouTube, Google+, OneSignal, Alexa) using APIs to Google Spreadsheet. Very useful for website admins and social media managers.
Stars: ✭ 36 (-88.99%)
Mutual labels: social-media
react-safe-src-doc-iframe
A component which applies guards to srcdoc iframes in order to provide a predictable and safe experience to the user. Complements the sandbox native iframe attribute.
Stars: ✭ 22 (-93.27%)
Mutual labels: iframe
Providers
A Collection of Providers for Laravel Socialite
Stars: ✭ 301 (-7.95%)
Mutual labels: social-media
anon.land
open source Imageboard just like was Voxed.net
Stars: ✭ 16 (-95.11%)
Mutual labels: social-media
embedo 
Embedo adds a layer on top of third party embed APIs while ensuring best practices and native guidelines for each component. It takes cares of resizing the container, emitting necessary events and with support for native and external options to be pass along.
Docs: Options / API / Events / Usage / Changelog
What's currently supported?
- Facebook URLs containing page, post, photos, videos or comments
- Twitter URLs containing user timeline and tweets
- YouTube and Vimeo videos URLs
- Instagram URLs containing posts and videos
- Pinterest URLs containing board, profile and pins
- Google Maps URLs containing cordinates to a location
- Embeds other urls like Github Gists, Soundcloud, Spotify or PDF, MP4, Webm, ... as
iframe - Embeds any URL that fulfils HTTP access control (CORS) policy
- Extended plugin support for additonal oembed services
- Supports IE10+ and all modern browsers
Installation
NPM / Yarn
$ npm install embedo --save
$ yarn add embedo
Bower
$ bower install embedo
CDN
Alternatively, import using CDN while updating version as per requirements from any script below:
<script type="text/javascript" src="https://unpkg.com/embedo/embedo.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/embedo[@VERSION]/embedo.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/embedo[@VERSION]/plugins/[@PLUGIN_NAME]/[@PLUGIN_NAME].embedo.min.js"></script>
Setup
CommonJS / AMD
import Embedo from '/path/to/vendor';
// Initialize Embedo class object
const embedo = new Embedo({
facebook: {
appId: 'my_app_id', // Enable facebook SDK
version: 'v8.0',
access_token: 'app_id_with_client_token_here'
},
twitter: true, // Enable twitter SDK
instagram: { access_token: 'app_id_with_client_token_here' } // Enable instagram SDK
pinterest: true // Enable pinterest SDK,
googlemaps: {
key: 'my_api_key' // Enables google maps API
}
});
// Then call .load() method from anywhere
embedo.load(<HTMLElement[object]>, <URL[string]>, <options[object]*optional>);
// OR Chaining methods and callback
embedo
.load(HTMLElement, URL, options)
.done(Function)
.fail(Function)
// OR storing in a variable
let my_embedo = embedo.load(HTMLElement, URL)
my_embedo.done(Function);
my_embedo.fail(Function);
Also, an example can be found here.
HTML
...
<body>
<div data-embedo-url="[@URL_TO_EMBED]"></div>
<div data-embedo-url="[@URL_TO_EMBED]" data-embedo-[@OPTION_KEY]]="[@OPTION_VALUE]"></div>
</body>
...
<script>
new Embedo({
facebook: {
appId: 'my_app_id_here', // Enable facebook SDK
access_token: 'app_id_with_client_token_here', // Client-side token via Graph API
version: 'v8.10'
},
twitter: true, // Enable twitter SDK
instagram: {
access_token: 'app_id_with_client_token_here', // Client-side token via Graph API
}, // Enable instagram SDK
pinterest: true // Enable pinterest SDK,
googlemaps: {
key: 'my_api_key' // Enables google maps API
}
});
</script>
Also, an example can be found here.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].