Skip to content

Instantly share code, notes, and snippets.

@sunnygleason

sunnygleason/demo_tts.html

Last active September 28, 2016 08:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sunnygleason/2709aea4862700cbd36ed28cb52a05f4 to your computer and use it in GitHub Desktop.
Save sunnygleason/2709aea4862700cbd36ed28cb52a05f4 to your computer and use it in GitHub Desktop.
Download ZIP
AngularJS Text To Speech
Raw
demo_tts.html
<!doctype html>
<html>
<head>
<script src="https://cdn.pubnub.com/pubnub-3.15.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://cdn.pubnub.com/sdk/pubnub-angular/pubnub-angular-3.2.1.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
</head>
<body>
<div class="container" ng-app="PubNubAngularApp" ng-controller="MySpeechCtrl">
<pre>NOTE: Requires Chrome Desktop or Android Browser</pre>
<h3>MyText to Speech</h3>
<textarea ng-model="theText" rows="10" cols="40"></textarea>
<input type="button" ng-click="sayIt()" value="Say it!" />
</div>
<script>
angular.module('PubNubAngularApp', ["pubnub.angular.service"])
.controller('MySpeechCtrl', function($rootScope, $scope, Pubnub) {
$scope.theText = "Welcome to the speech enabled world!";
$scope.sayIt = function () {
window.speechSynthesis.speak(new SpeechSynthesisUtterance($scope.theText));
};
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment