From bb8827f62640f38e2a1e0ff637cd4841523dd674 Mon Sep 17 00:00:00 2001 From: Muhammed Erdem Date: Sun, 25 Aug 2019 11:59:01 +0300 Subject: [PATCH] on change audio current time when click progress bar issue fixed --- css/main.css | 1 - css/main.css.map | 2 +- css/main.scss | 1 - index.html | 4 ++-- scripts/script.js | 30 ++++++++++-------------------- 5 files changed, 13 insertions(+), 25 deletions(-) diff --git a/css/main.css b/css/main.css index 6d6bf1b..3f1058c 100644 --- a/css/main.css +++ b/css/main.css @@ -32,7 +32,6 @@ body { box-shadow: 0px 15px 35px -5px rgba(50, 88, 130, 0.32); border-radius: 15px; padding: 30px; - transform: perspective(512px) translate3d(0, 0, 0); transition: all 0.4s cubic-bezier(0.125, 0.625, 0.125, 0.875); } .player__top { diff --git a/css/main.css.map b/css/main.css.map index f89f6dc..ea0ead7 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAEA;EACA;;AAIA;EACE;;;AAMV;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAMJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAKF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAEA;EACA;;AAIA;EACE;;;AAMV;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAMJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAKF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index a8aec4e..ae50746 100644 --- a/css/main.scss +++ b/css/main.scss @@ -36,7 +36,6 @@ body { box-shadow: 0px 15px 35px -5px rgba(50, 88, 130, 0.32); border-radius: 15px; padding: 30px; - transform: perspective(512px) translate3d(0, 0, 0); transition: all .4s cubic-bezier(.125, .625, .125, .875); &__top { diff --git a/index.html b/index.html index 193667f..9ebf14b 100644 --- a/index.html +++ b/index.html @@ -17,9 +17,9 @@
-
+
-
+
diff --git a/scripts/script.js b/scripts/script.js index 6a20454..d22bda7 100644 --- a/scripts/script.js +++ b/scripts/script.js @@ -13,73 +13,63 @@ new Vue({ { name: "Mekanın Sahibi", artist: "Norm Ender", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/1.jpg", - source: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/1.mp3", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/1.jpg", + source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/1.mp3", favorited: false }, { name: "The Upside 2", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/2.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/2.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: true }, { name: "The Upside 3", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/3.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/3.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: false }, { name: "The Upside 4", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/4.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/4.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: false }, { name: "The Upside 5", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/5.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/5.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: true }, { name: "The Upside 6", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/6.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/6.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: false }, { name: "The Upside 7", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/7.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/7.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: true }, { name: "The Upside 8", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/8.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/8.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: false }, { name: "The Upside 9", artist: "Lindsey Stirling", - cover: - "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/9.jpg", + cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/9.jpg", source: "https://customhtml5video.000webhostapp.com/audio.mp3", favorited: false }