Giter Club home page Giter Club logo

web-stories-ad-tool's Introduction

Web Stories Ad Creation Tool

Ad creation tool for Google Web Stories.

Latest Release) License

Build Status

E2E Tests JS Tests

Web Stories Ad Creation Tool is designed to be accessed as a service where advertisers can create a high-quality story ad and download it for distribution. The tool is created by forking a version of Web Stories Editor for WordPress tailored to the Story Ad creation requirements as per the "Best practices for creating a Web Story ad" document. This tool is a single page react app without any backend and therefore all assets and changes are stored locally only by using web storage.

Tool Demo: https://rtcamp.github.io/web-stories-ad-tool/

Contributing

We'd love to accept your patches and contributions to this project. There are just a few small guidelines you need to follow. Please check out our Contributing documentation and the Getting Started guide.

web-stories-ad-tool's People

Contributors

amedina avatar barklund avatar brittanyirl avatar carloskelly13 avatar cvolzke4 avatar dependabot-preview[bot] avatar dependabot[bot] avatar diegovar avatar dmmulroy avatar dvoytenko avatar github-actions[bot] avatar joannag6 avatar kienstra avatar littlemilkstudio avatar mariano-formidable avatar merapi avatar miina avatar mjangda avatar mohdsayed avatar ndev1991 avatar obetomuniz avatar pbakaus avatar renovate-bot avatar samwhale avatar spacedmonkey avatar swissspidy avatar wassgha avatar westonruter avatar winterdroid avatar zachhale avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

amedina krymov santoshgistto thewizardofwikacy

web-stories-ad-tool's Issues

Cache Images and Google Fonts in PWA

Feature Description

Images and fonts were cached when we worked on adding the PWA feature in this PR however due to some caching issues, we had to remove images and fonts caching.

When images were cached, template images sometimes disappeared while working with them in the ad creation tool and threw the following error

Failed to execute 'put' on 'Cache': Partial response (status code 206) is unsupported

screenshot

Uploaded video does not appear in preview

Bug Description

When a local video is uploaded and dropped on the canvas, it does not appear in the preview as blob URLs are not a valid video URL in AMP and the amp runtime throws the following error ( also see screenshot )

Uncaught (in promise) Error: source must start with "https://" or "//" or be relative and served from either https or from localhost.

<source type="video/mp4" src="blob:https://rtcamp.github.io/fd057552-2983-4352-8638-ea6c88197946" class="i-amphtml-error">

However, video appears

  1. If the window is resized ( See the screen recording )
  2. When the video is used in the background.
  3. In Safari and Firefox.

Expected Behaviour

If showing the local video with blob URL is not possible due to restriction of AMP, at least show a video poster in preview.

Steps to Reproduce

Watch Screen Recording.

Screenshots

image

local-video-issue-in-preview.mp4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.