Coder Social home page Coder Social logo

lyhiving / nightingale-ssml-editor Goto Github PK

View Code? Open in Web Editor NEW

This project forked from actions-on-google-labs/nightingale-ssml-editor

0.0 1.0 0.0 5.96 MB

A graphical tool to generate and simulate the Speech Synthesis Markup Language (SSML) using a familiar non-linear editor interface.

Home Page: https://actions-on-google-labs.github.io/nightingale-ssml-editor/

License: Apache License 2.0

JavaScript 1.36% HTML 2.62% Shell 0.65% TypeScript 88.36% SCSS 7.02%

nightingale-ssml-editor's Introduction

Nightingale

NOTE

This is an experimental project and will receive minimal maintenance. Only bugs for security issues will be accepted. No feature requests will be accepted. Pull requests will be acknowledged and reviewed as soon as possible. There is no associated SLAs.

Some of the projects in this experimental org might mature to a more stable state and move into the main Actions on Google GitHub org.


A graphical tool to generate and simulate the Speech Synthesis Markup Language (SSML) using a familiar non-linear editor interface. In voice applications, SSML can be used to create more immersive audio experiences.

Try it out!

Key features

  • Drag and drop blocks onto multiple tracks
  • Snap blocks to each other on one or more tracks
  • Preview speech synthesis using Google Cloud TTS voices
  • Edit parameters for each SSML block
  • Edit parameters for each track independently
  • Move blocks around without requiring speech to be synthesized again
  • Download full audio output
  • Generate full SSML output

Building from source

The project is designed as a Polymer 3-based web application.

Setup

  1. Install Dependenciesnpm install or yarn
  2. Install Firebase Tools sudo npm install -g firebase-tools

Development

  1. From the root directory npm start
  2. This will run webpack and launch http://localhost:8080/
  3. Sass and JS changes are live reloaded
  4. Run npm run build or yarn build to recompile the Typescript changes.

Testing

  1. Execute npm run lint to run lint
  2. Execute npm run test to run both lint and unit tests

Production

  1. From the root directory npm run build

Deployment

Deploying client-side code

The project is hosted on GitHub pages, so commit after running the build and then the web app should be regenerated once on the master branch.

For those not committing back to the main project, an alternate static hosting site like Firebase may be used.

Deploying Cloud Functions

To provide speech synthesis, this project uses Cloud Functions for Firebase to interact with the Google Cloud Text-to-Speech API.

If this deployment is not happening to the original project:

  1. Enable the Google Cloud TTS API for your project
  2. Be sure to update the Firebase client values in src/index.js

To deploy, from the root directory npm run deploy

Make Contributions

Please read and follow the steps in the CONTRIBUTING.md.

License

See LICENSE.

Terms

Your use of this sample is subject to, and by using or downloading the sample files you agree to comply with, the Google APIs Terms of Service.

nightingale-ssml-editor's People

Contributors

fleker avatar

Watchers

 avatar

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.