From 21064861399839bc0411e4ff8c76b5ef761d2297 Mon Sep 17 00:00:00 2001 From: Shuo Wu Date: Wed, 27 May 2020 22:30:15 -0400 Subject: [PATCH] feat: support embedly player --- extension/manifest.common.json | 1 + extension/playground/components/Embedly.js | 28 +++++++++++ .../playground/components/YoutubeIframe.js | 27 +++++----- extension/playground/index.js | 9 ++++ .../src/ui/services/player/EmbedlyPlayer.js | 49 +++++++++++++++++++ .../src/ui/services/player/PlayerFactory.js | 5 ++ extension/src/vendors/embedly.js | 1 + 7 files changed, 108 insertions(+), 12 deletions(-) create mode 100644 extension/playground/components/Embedly.js create mode 100644 extension/src/ui/services/player/EmbedlyPlayer.js create mode 100644 extension/src/vendors/embedly.js diff --git a/extension/manifest.common.json b/extension/manifest.common.json index d2c52c4..dd4ed61 100644 --- a/extension/manifest.common.json +++ b/extension/manifest.common.json @@ -33,6 +33,7 @@ ], "js": [ "vendors/youtube-iframe-api.js", + "vendors/embedly.js", "browser-polyfill.js", "content.js" ], diff --git a/extension/playground/components/Embedly.js b/extension/playground/components/Embedly.js new file mode 100644 index 0000000..00e0170 --- /dev/null +++ b/extension/playground/components/Embedly.js @@ -0,0 +1,28 @@ +import React, { useLayoutEffect } from 'react'; +import styled from 'styled-components'; + +const StyledContainer = styled.div` + & iframe { + position: absolute; + top: 0; + width: 600px; + height: 100%; + } +`; + +const Embedly = ({ onRender }) => { + useLayoutEffect(() => { + onRender(); + }, [onRender]); + + return ( + +