-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (32 loc) · 1.56 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Spelling name</title>
</head>
<body ng-app="spellName">
<h1>How your names are spelled by foreigners</h1>
<div ng-controller="AppController as vm">
<label for="name_input">Input your name here</label>
<input ng-change="vm.readyToPlay = false" ng-model="vm.rawInput" type="text" id="name_input" name="name_input" placeholder="Enter name here"></input>
<p>{{vm.rawInput}}</p>
<button ng-click="vm.loadAudio()">Make our Russian speak!</button>
<div>
<button id="play-button" ng-show="vm.readyToPlay" ng-click="vm.playAudio(1,900)">Listen to your name!</button>
<!--<audio ng-repeat="audioLink in vm.audioLinks" ng-attr-id="{{'audio'+$index}}">
<source ng-src="{{audioLink}}" type="audio/wav"></source>
</audio>-->
<audio id="name-speak">
</audio>
</div>
<div ng-show="!vm.correctNameFormat">
Invalid Input
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript" src="app/app.module.js"></script>
<script type="text/javascript" src="app/app.constant.js"></script>
<script type="text/javascript" charset="utf-8" src="app/app.controller.js"></script>
<!--<script src="js/main.js"></script>-->
</body>
</html>