๐Ÿ“ฆ ibakaidov / shower-tts

tts plugin for shower

โ˜… 1 stars โ‘‚ 0 forks ๐Ÿ‘ 1 watching
๐Ÿ“ฅ Clone https://github.com/ibakaidov/shower-tts.git
HTTPS git clone https://github.com/ibakaidov/shower-tts.git
SSH git clone git@github.com:ibakaidov/shower-tts.git
CLI gh repo clone ibakaidov/shower-tts
Ivan Bakaidov Ivan Bakaidov 1.0.0 use browser tts api d2523fb 6 years ago ๐Ÿ“ History
๐Ÿ“‚ master View all commits โ†’
๐Ÿ“„ package.json
๐Ÿ“„ README.md
๐Ÿ“„ shower-tts.js
๐Ÿ“„ README.md

TTS plugin for Shower

Plugin for the Shower presentation engine. See documentation for details. Follow @showerme for support and updates, file an issue if you have any.

Install

For first. install plugin to your presentation.

npm install --save shower-tts

Second. Require link to your index file.

<script src="node_modules/shower-tts/shower-tts.js"></script>
	<link rel="stylesheet" href="node_modules/shower-tts/shower-tts-style.css">
And add plugin's meta
<meta class="tts"></meta>

Use

Add speech text to slide

<section class="slide">
		<h2>Some slide</h2>
		<meta class="tts shower-tts-hide">
            Hello. i am ivan. this is Text for speech!
    </meta>
	</section>

Open presentation.

And when open slide press "S" key for speak and "P" for pause

Good Luck!