music_player/controllers/controllers.py

@@ -4,20 +4,20 @@
 import json
 
 class MusicPlayer(http.Controller):
-    @http.route('/music', auth='public')
-    def index(self, **kw):
-        return http.request.render('music_player.music_template')
+        @http.route('/music', auth='public')
+        def index(self, **kw):
+                return http.request.render('music_player.music_template')
 
-    @http.route('/music/search', auth='public',type="http",methods=['GET'])
-    def search(self, **kw):
-            song_name = kw.get('song_name')
-            songs = http.request.env['music_player.music_player'].search_read([('name','ilike',song_name)],fields=["name","url"])
-            if not songs:
-                    songs = "Song not found."
-            return http.Response(json.dumps({'result':songs}),content_type='application/json')
+        @http.route('/music/search', auth='public',type="http",methods=['GET'])
+        def search(self, **kw):
+                song_name = kw.get('song_name')
+                songs = http.request.env['music_player.music_player'].search_read([('name','ilike',song_name)],fields=["name","url"])
+                if not songs:
+                        songs = "Song not found."
+                return http.Response(json.dumps({'result':songs}),content_type='application/json')
 
-    @http.route('/music/<model("music_player.music_player"):music>',type="http",auth="public",methods=['GET'])
-    def load(self,music,**kw):
-            music_file_path = get_module_resource('music_player','static/songs',music.filename)
-            file = open(music_file_path,'rb').read()
-            return file
+        @http.route('/music/<model("music_player.music_player"):music>',type="http",auth="public",methods=['GET'])
+        def load(self,music,**kw):
+                music_file_path = get_module_resource('music_player','static/songs',music.filename)
+                file = open(music_file_path,'rb').read()
+                return file

music_player/static/app.js

@@ -56,6 +56,10 @@ class PlayList extends Component {
     }
 
     playSong(ev) {
+        if (audio) {
+            audio.pause();
+            audio.currentTime=0;
+        }
         const selectedSongUrl = ev.target.getAttribute('value');
         const selectedSong = this.props.playData.find(song => song.url===selectedSongUrl);
         document.getElementById("song-title").textContent = selectedSong.name;
@@ -80,6 +84,10 @@ class List extends Component {
     `;
 
     playSong(ev) {
+        if (audio) {
+            audio.pause();
+            audio.currentTime=0;
+        }
         const selectedSongUrl = ev.target.getAttribute('value');
         const selectedSong = this.props.searchData[0].find(song => song.url===selectedSongUrl);
         document.getElementById("song-title").textContent = selectedSong.name;