Skip to content

Commit

Permalink
New Second page done.
Browse files Browse the repository at this point in the history
  • Loading branch information
@SharanRajani
SharanRajani committed May 30, 2019
1 parent dc2072b commit 63fba42
Show file tree
Hide file tree
Showing 4 changed files with 122 additions and 36 deletions.
4 changes: 3 additions & 1 deletion app.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,9 @@ def display_spec():

@app.route('/classify_details', methods = ['GET', 'POST'])
def classify_details():
return render_template('New_Third.html')
sample_rate, wav_data = wav.read("./static/wav/enhanced.wav")
createAmpGraph.makegraph1(wav_data)
return render_template('New_Third.html',sample_rate=sample_rate,wav_data=wav_data)

@app.route('/classify')
def classify():
Expand Down
32 changes: 26 additions & 6 deletions templates/New_Second.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -271,24 +271,38 @@

#bloc13{
right: 24%;
top:57%;
top:59%;
}

#bloc14{
right: 1%;
top:14%;
right: 3%;
top:17%;
}

#bloc15{
top:29%;
right:59%;
right:56%;
}

#bloc6 {
top: 21%;
right: 68%;
}

.s1{
font-size: 2.7vh;
style="font-family: 'Raleway', sans-serif;
}

.sace{
padding-left: 46%;
}

.audTitle{
font-family: 'Raleway', sans-serif;
font-size: 3vh;
}

</style>
</head>
<body>
Expand Down Expand Up @@ -330,11 +344,14 @@

<input style="margin:50px 0px 0px 0px;display: none;" >

<span class="buttons" onclick="location.href='http://127.0.0.1:5000/display_spec'" onMouseOver="this.style.background='#11525C'" onMouseOut="this.style.background='#0B353B'" style="font-family: 'Raleway', sans-serif; cursor: pointer; position: absolute; top: 49%; left: 51%;border-radius:2vh; text-decoration:none; border-radius:2vh;height:6vh; background-color:#0B353B; font-size: 2.5vh;text-align:center; width:11vh; display:inline-block; margin: 2vh; padding: 2.3vh; color: white " >Denoised Results</span>
<span class="buttons" onclick="location.href='http://127.0.0.1:5000/display_spec'" onMouseOver="this.style.background='#11525C'" onMouseOut="this.style.background='#0B353B'" style="font-family: 'Raleway', sans-serif; cursor: pointer; position: absolute; top: 49%; left: 51%;border-radius:5vh; text-decoration:none; border-radius:5vh;height:6vh; background-color:#0B353B; font-size: 2.5vh;text-align:center; width:13vh; display:inline-block; margin: 2vh; padding: 2.3vh; color: white " >Denoised Results</span>

<!-- </form> -->
</label>
</div>
<div class="bloc" id="bloc6">
<span class="audTitle">Parsed Input .wav File</span>
</div>
<div class="bloc" id="bloc13">
<img src="{{ url_for('static', filename = 'images/a2iot ddae architecture.png') }}"/>
</div>
Expand All @@ -344,7 +361,10 @@
<div class="bloc" id="bloc15">
<span class="s1">{{wav_data[:5]}}</span><br>
<span class="s1">{{wav_data[5:10]}}</span><br>
<span class="s1">.....</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1">{{wav_data[-5:]}}</span>
</div>
</div>
Expand Down
94 changes: 85 additions & 9 deletions templates/New_Third.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -239,7 +239,69 @@

.material-icons.md-48 { font-size: 84px;color:white ; }

#main{
/*background-image: linear-gradient(#041214,#2099AB);*/
position:fixed;
padding:0;
margin:0;

top:0;
left:0;

width: 100%;
height: 100%;
background-color: #FFFF;
}
.bloc{
position: absolute;
}

#bloc11{
width: 100%;
padding-bottom: 20vh;
}

#bloc12{
/*position: absolute;*/
/*width:60%;*/
/*height: 70%;*/
right: 13%;
top:69%;
}

#bloc13{
right: 14%;
top:59%;
}

#bloc14{
right: 3%;
top:17%;
}

#bloc15{
top:29%;
right:66%;
}

#bloc6 {
top: 21%;
right: 68%;
}

.s1{
font-size: 2.7vh;
style="font-family: 'Raleway', sans-serif;
}

.sace{
padding-left: 46%;
}

.audTitle{
font-family: 'Raleway', sans-serif;
font-size: 3vh;
}

</style>
</head>
Expand All @@ -257,7 +319,7 @@
<div class="stepper__step">
<label class="stepper__button" for="stepper-6-1">Denoising Details</label>
</div>
<input class="stepper__input" id="stepper-6-2" name="stepper-6" type="radio" checked="checked" />
<input class="stepper__input" id="stepper-6-2" name="stepper-6" type="radio" checked="checked"/>
<div class="stepper__step">
<label class="stepper__button" for="stepper-6-2">Spectrogram</label>
</div>
Expand All @@ -277,20 +339,34 @@
</li>
</ul>
</div>

<label >
<div class="bloc" id="bloc12">
<label>

<input style="margin:50px 0px 0px 0px;display: none;" >

<span class="buttons" onclick="location.href='http://127.0.0.1:5000/classify'" onMouseOver="this.style.background='#11525C'" onMouseOut="this.style.background='#0B353B'" style="font-family: 'Raleway', sans-serif; cursor: pointer; position: absolute; top: 49%; left: 51%;border-radius:4vh; text-decoration:none; border-radius:4vh; background-color:#0B353B; font-size: 2vh;text-align:center; width:10vh; display:inline-block; margin: 2vh; padding: 2vh; color: white " >Classification Results</span>
<span class="buttons" onclick="location.href='http://127.0.0.1:5000/classify'" onMouseOver="this.style.background='#11525C'" onMouseOut="this.style.background='#0B353B'" style="font-family: 'Raleway', sans-serif; cursor: pointer; position: absolute; top: 49%; left: 51%;border-radius:5vh; text-decoration:none; border-radius:5vh;height:6vh; background-color:#0B353B; font-size: 2.5vh;text-align:center; width:15vh; display:inline-block; margin: 2vh; padding: 1.8vh; color: white " >Classification Results</span>

<!-- </form> -->
</label>





</div>
<div class="bloc" id="bloc6">
<span class="audTitle">Enhanced .wav File</span>
</div>
<div class="bloc" id="bloc13">
<img src="{{ url_for('static', filename = 'images/alex architecture.png') }}"/>
</div>
<div class="bloc" id="bloc14">
<img src="{{ url_for('static', filename = 'images/AmpVsTime1.png') }}"/>
</div>
<div class="bloc" id="bloc15">
<span class="s1">{{wav_data[:5]}}</span><br>
<span class="s1">{{wav_data[5:10]}}</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1 sace" >.</span><br>
<span class="s1">{{wav_data[-5:]}}</span>
</div>
</div>
<!-- <i class="material-icons">add_circle_outline</i>-->
<!-- <i class="material-icons md-18">face</i>-->
Expand Down
28 changes: 8 additions & 20 deletions templates/Sixth.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -409,9 +409,9 @@
}

#bloc10{
right: 50%;
left: 40%;
top:48%;
/*right: 50%;*/
left: 68%;
top:31%;
}

#bloc4{
Expand Down Expand Up @@ -552,7 +552,7 @@
});


wavesurfer.load("./static/wav/bad_input.wav");
wavesurfer.load("./static/wav/Bad_input.wav");

function play() {
wavesurfer.play();
Expand All @@ -568,14 +568,14 @@
});


wavesurfer2.load("./static/wav/bad_input.wav" );
wavesurfer2.load("./static/wav/Good_input.wav");


function play2() {
wavesurfer2.play();
}

var wavesurfer3 = WaveSurfer.create({
var wavesurfer3 = WaveSurfer.create({
container: '#bloc10',
waveColor: '#548194',
progressColor: '#B279C0',
Expand All @@ -585,26 +585,14 @@
});


wavesurfer3.load('{{ url_for('static', filename = 'wav/enhanced.wav') }}' );
/*wavesurfer2.load('{{ url_for('static', filename = wav_file) }}' );*/
wavesurfer3.load("./static/wav/enhanced.wav" );


function play3() {
wavesurfer3.play();
}


</script>

<label >

<input style="margin:50px 0px 0px 0px;display: none;" >


<!-- Change the button background -->
<span class="buttons" onclick="location.href='http://127.0.0.1:5000/classify_details'" onMouseOver="this.style.background='#11525C'" onMouseOut="this.style.background='#0B353B'" style="font-family: 'Raleway', sans-serif; cursor: pointer; position: absolute; top: 85%; left: 43%;border-radius:4vh; text-decoration:none; border-radius:4vh; background-color:#0B353B; font-size: 2.3vh;text-align:center; width:10vh; display:inline-block; margin: 2.5vh; padding: 2.5vh;color: white " type=submit value = Upload>Classify</span>

<!-- </form> -->
</label>

</body>
</html>

0 comments on commit 63fba42

Please sign in to comment.