|
|
|
@@ -8,18 +8,20 @@ |
|
|
|
Many sounds by <a href="https://www.furaffinity.net/user/jeschke">Jit</a>! |
|
|
|
</div> |
|
|
|
<button v-on:click="start" class="start-button"> |
|
|
|
{{ started ? "Add" : "Start" }} |
|
|
|
{{ started ? "Add Soundscape" : "Start" }} |
|
|
|
</button> |
|
|
|
<SoundscapeComp |
|
|
|
v-for="(soundscape, index) in soundscapes" |
|
|
|
:key="index" |
|
|
|
:soundscape="soundscape" |
|
|
|
/> |
|
|
|
|
|
|
|
<button v-on:click="clear">Delete all cached sound (if it gets stuck)</button> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
|
import { Options, Vue } from "vue-class-component"; |
|
|
|
import { setup, Soundscape } from "./audio"; |
|
|
|
import { clearCache, setup, Soundscape } from "./audio"; |
|
|
|
import SoundscapeComp from "./components/SoundscapeComp.vue"; |
|
|
|
|
|
|
|
@Options({ |
|
|
|
@@ -41,6 +43,10 @@ export default class Dissolve extends Vue { |
|
|
|
mounted(): void { |
|
|
|
setup(); |
|
|
|
} |
|
|
|
|
|
|
|
clear(): void { |
|
|
|
clearCache(); |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@@ -57,6 +63,10 @@ body { |
|
|
|
background: #111; |
|
|
|
margin-top: 60px; |
|
|
|
} |
|
|
|
|
|
|
|
.start-button { |
|
|
|
font-size: 60pt; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style src="@vueform/slider/themes/default.css"></style> |
|
|
|
|