添加背景音乐2

miniprogram/pages/map/map.js

@@ -52,6 +52,16 @@ Page({
     ]
   },
 
+  //添加背景音乐
+  player(audio) {
+    var that = this
+    audio.title = 'umbrella'
+    audio.src = 'cloud://game-6gmlalu0c7177afc.6761-game-6gmlalu0c7177afc-1318004730/music/umbrella.mp3'
+    audio.onEnded(() => {
+      that.player(wx.getBackgroundAudioManager())
+    })
+  },
+
   onReady: function () {
     wx.cloud.callFunction({
       name:'getUserName',
@@ -80,6 +90,10 @@ Page({
   },
 
   onLoad: function () {
+
+    //播放音乐
+    this.player(wx.getBackgroundAudioManager())
+
     wx.cloud.callFunction({
       name:"queryGameRecordId"
     })
@@ -93,6 +107,14 @@ Page({
     this.watchMessages();
   },
 
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+    //离开页面时停止播放音乐
+    wx.getBackgroundAudioManager().stop();
+  },
+
   watchMessages() {
     messagesCollection
       .orderBy('timestamp', 'asc')

miniprogram/pages/room/room.wxml

@@ -85,7 +85,7 @@
 <!-- 系统通知区/聊天区？ -->
 <view class="chat_area">
   <!--后端测试-->
-  系统通知区/聊天区,game_record_id为：{{game_record_id}}
+  <!-- 系统通知区/聊天区,game_record_id为：{{game_record_id}} -->
   <!-- 前端新加 -->
   <!-- chatRoom.wxml -->
 <view class="container">
@@ -111,19 +111,6 @@
 </view>
 
 
-<!-- 底部聊天输入框 -->
-<!-- 底色设置为#CCE3F0  -->
-<!-- <view class="input_box">
-  <input placeholder="输入聊天内容" bindinput='getInput' />
-  <view class="look">
-    <image src="data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQ1cHgiIGhlaWdodD0iNDBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtMzA2IC04NTIgKSI+DQogICAgPGltYWdlIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIiB3aWR0aD0iNDUiIGhlaWdodD0iNDAiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQzBBQUFBb0NBWUFBQUJxMTNNcEFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQWlxU1VSQlZGaEg3Wmw3YkZSVkVNYmI3WU0rS1NuUThpcVUxcUlFTklvODVCRW90SlFZTlJJVVlpUUtpbUEwV2dXaHZGb3BncFJDR3F3MUlSaGlNTkdvaUZCQUlZRnVERkZCQlVWVXluTkxzR2pGZ2wyUnRwUysvSDEzNzVZdXU5dHV0L2lIaVY4eW1mT1ljODdzM0RremMrOEcvQmNSYVBKYmhjREN3c0xRMnRyYU1JdkZFdDdjM0d4cGFHaW9qNGlJcUxmYjdUVXJWNjY4YnNwMUNwMVdldjc4K2VGeGNYRzlnNE9EZXpZMk5uWkYwZDRvM0p1cEJDZzBNRERRenRnVjJqYkd5K3JyNnk5WFZGU1VGeFVWMVdtOVAvQmI2UlVyVnNTR2hZVU5vSGx2VUZCUXVqZ1VEMFZESG9IeUoyR2xUVTFObi9BRERnOGNPTEJzeG93WmpZNVozOUZocFZFMk9EdzhmQ1ROS1ZoeEhId1VQRkp6S0NVRmFxRy9SSXhyL3hpVWpKRzcwTFpBa3J2TTFENW9HOTJqaXhZdE9xZHhYOUVocFZFNEtqSXlNbzFERjNMZ0dJWXNwcUxsOU0vRHo5RC9sZlpGMm4vQUErbkwrbkZRUHlpRnZwNk9YQ2VBNlhMWWZuN1V4OXlEci9ENXF4cHZEejRydldiTm11NzQ3VFFPZlo3RGhqSVVUUHNjOURsMGdMSFRqSjFZc21TSnJPeUdEUnMyZE1PZmg5Qk1nVkpaTTRFMWlmQjYrREhHQ3F1cnE0dDlVZHducGZQejgvdXcrU3dlOFZQd0pBNEpZdmh6TFBRMjBlR0w3T3pzWHgyU3ZtSHQyclg5MkNlVi9lYXdsMzZBVS9FTktMNnJQY1hiVlZyUklUNCtmZzRIdkVLM1B5U1grQkFxd3FvSERTSC9FTGh1M1RxNTJOTW1YV2ZQSCtCdjFOVFU3RzVMY2VOaXRBVVV2aGVGSDJWRCthVGtQNkM5R29VUEdRTCtvNWtMZUJDWGU1MzJtMUFvZERjV3orVGVUQ0hlZDVHUUo3U3B0QjRqbXp4T2N4aGNQdnloaHJrMEorRE5rdWtNMkxONXdZSUY1NGp2NzdEMzEvUkQ0ZmRBTTdIMkhhYVlHN3dxUFcvZXZCQVdUNktaQVVYVC9oRWYzcGlZbUhpY1I5ZGtDUGtKN3NqRXZMdzh4WFdoK2RxMWE2ZDRtb1djOFF1S2Q0RW0wWDlZdWNDVWNZRXVsRWNROUpOWi9Bek5NWERKYlE0SkNkazVkKzdjR3MxejhJVEpreWN2VEU5UG41eVJrUkd4Zi85K0pZNDJzV25UcHBEeDQ4Yy95MzRyb1dGang0Nzk2TUNCQTAxUVEycHFhaVdLS2pIZHcxdzBSTmR5eEdxMS91WllmUU5lTGMydlRvSU5aYkVzZnBBTmRsKzVjc1h1bURYbVI4Qm1NeitMSjZDTTJDWnd0Y0ZWVlZWdnNTNEgwcU1mVDVLYTZaamxGbDYvTHFXVmJMNVVIeGtwbjRLMTNYVDBxTFFFd1cwMGxReXFvUjFYcjE0OWNaTmI2REZHd1NQaHluWmVnU3M4Z015NzBCTjBlOEdWZEM3US90MFFBTnFiTTJ5TUsvUUowWlFIdzBORFEzdWEvUlo0VkJvTDlNRjZkOUVNZzg1eXhuZHNxcUtud3lDc1BjbmhCVFIxbWNOTmhUZlJIOFdGdGhwQ0pqaWppam1GdmQ4a2h3NURXTnZETVhzRDN0eERVVU91b1RqK0I0dGIzS0lqV0xWcVZUSktQQVlOWXFzZytHRWl4VFNiemZhaU1pZEtOcGlpVGpRalY4WjVaOVNoM1k5MlYyT21GVHdxald0MGc2bThGQ3I1dFg1Wk9TY254OGFodXptOEhJV2wwQWoyMnA2VWxKVEhSZGFsYzB0dS9LaHp5S2tra0Y4bkVNZmRxa2FQU3JNd2hJVkdjSWRYVWpQNHBiU3dkT25TamV6M1BNMWpLRkVuNVRHS3Nxc1Z4ZTgzaEZwaDJiSmxLclFxMUVaT0NzZmNmQms5S3MwaVJRejVzMzd0SmVDV1VwR3BZVTV1STZvMkJyMEF4VCtqUmxHODN3eGRaSjBxUXhWZGZTQVhaR1ptS3NFb094cWdIUU5yNlF2ZWZGclp6NWxHbTBnb2Jza0VLeFR6NkpjaHB4RDJnVG5zRmN1WEw2OWN2SGp4QzFoZFphMGl4Q0d5M2hiSDdBM0V4c2EyUEdVVGtWRlJVUzc1Sk5qa0xtQ1JoSXc1RkVvZ1kzV242UkxremNKOW82UG5PM2o4NzY5ZXZmb0V2aHJzNFNJS2hxWFJRZTBHMm5aQ1liMHhZOEtiZXlqckdYVXhGdTBIZVV5bi9nRC9qT0F5anVhTThQWHIxK3Zsd0FYRVpibW0wOUtYYVpmejQxeGVpTDFkeEFzSUgxY2Jub0FieU5LM0JPU0FDUmpoTlpUZXdkNnp6ZUhXNk02Y2tWQ1lMNE5WcWQwYUhwVkd5UXNzL0VsTktJSEZpVmpJNVRMNEExTDVFUGJOcEttUXFpS3NyekZoWXV2V3JVSFVOMHBDem1MS3hnVjJ5eEVlbFU1SlNibkVoajlEZGphSWhTWmdvVjdtZEllaDJoaUZSN0pQTnQySmNMMUlISVdyam03QjZkT240ekRZYUpxcTNRVWJsOUEzUyt1MUhweGtVNk55ZzZmQnhtQnRJd3o2Q3VTalNPTjMxZFhWcWJCYXhkREQ4QzZtUVZaa1pXWFpISklPWU9WQnNQdlVadjQ4OUtQZGJuY0x0eDZWRnFpNlZPaVhRSmVoL2h6MkNMOWFiOWJ0Z3BmZ1FSUkp6L0VHa3N2QmE2QWNodFBZUTRYVnQxQU9hWHl2WkozZ0IvWkFiaEl5dDlPOUJ1MkJqbmlLTUY2VlJsZ3VzcHZIcFFKR3ZwMks5U2NWRkJTMFdkRUpSTFBoWERiRjhFeVVVSVhYRjVKdmZzcCtyeEtmZHpra0hWQktqNGlJbUlyTTQxQWs2MDR4dkllQ3lxMldGcndxTGJCNUtZZnJsdXRpOW9EbTh3UkdZeFdQOGQwSjVCWG53NUFQZ2V0SldWRTJseCtkVGQxUmdrRmFrcFZjRHJrTWFBRjBHMnYxNDNaeDlrRXZjYnh0cFZsVXcyRTcyY3pLWmpYd082RjgzTVRsMXQ4TTNRZFlFV3RlaHZTbXZSQ3JiU0dkSDJ2OUdXejY5T2xCMGRIUnc1SEpvanZZTVJwUVNuOGZaLzlwOXQzZzlYWExpWktTa3I5NXBkSmxHSUhDOFpDK2dZeE1TMHU3eUt1UVVVTGVqSEhqeGlucUhNTk52cW11cmk3TnpzNnU0SlhLSlVGZ1ljdUFBUU1lWkM4VlQyT1Jsd0cxWHhISnA0VFhONWNzMkJvK2ZheVJIMk85MlJ5Z3VpR1JJWVVzRysydDhPM1VGRWNja3I2QlREaUNkVE9oaCtqMllSOUZwVE04VlgxT0tQYjJsY29KbjVRV2RGbXd3QmlDL2N2NHVkN1NsV3orNG1DVmtjVWNiTVdxMzN0N3JNVHBHSDY0NnVPcGRHY2hiM3hoWmIwc2VoaktaMThyTlUyYkZhUGdzOUtDUGl2d1NHTTVPSXREbGRsVURlcjdodzVTdmFKTFZ3cnB3MklscEV1V2hJZytPaG9XcGEzM1NyMXQ2N1dyRGxiTWo4bWpLTk03cUU4ZjNUdWt0Qk55Rng1bE9vZStSRmVKeDRrbXhuVFJGQjFFMmwvM1J2NXFrYUp3QThpVlFPL3g5TFpSeGRXaWNFdEVhUTkrS1czQytWZkZYSFJSYWg3T21MNzF0WWZ0eUc1QjBiMjV1Ym1OdER2OHBhb3pTcnRBcnBPY25LeFB0L3Blb2U4YUNtRk50RTh5ZGhZWEtJT1g4VEp3aWZGT2YxTDdILzgrQWdMK0FibEJVYjMrUUN4RkFBQUFBRWxGVGtTdVFtQ0MiIHg9IjMwNnB4IiB5PSI4NTJweCIgLz4NCiAgPC9nPg0KPC9zdmc+" mode="widthFix"></image>
-  </view>
-  <view class="quick_input">
-    <image src="data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQ1cHgiIGhlaWdodD0iNDBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtMzU5IC04NTIgKSI+DQogICAgPGltYWdlIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIiB3aWR0aD0iNDUiIGhlaWdodD0iNDAiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQzBBQUFBb0NBWUFBQUJxMTNNcEFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQVd5U1VSQlZGaEg3WmgvYUpWVkdNZnZmclN0N3BRRzNZVk95aVFMWm1nb1N0b2ZidFNnRVZrRWxtSDBWN0NsMk1MOXZLUExKalQyT3pjQ01TTXFLRnRLSkpWQ0xLbWswbitrRWdveVdtNmpuN3JTTmJkdTdFZWY1NXpudnJ2djNudlh0RzF2Zit3TGgrYzh6M25PT2QvM2VjOTV6bm5md0FJV2tCd3BLcThhcmEydHdkSFIwVkI2ZW5vSUdWUnpRcVNrcFB5YWs1UFRXMUpTTXF5bXE4S01TRGMxTlJXbnBxWVdUa3hNaEpnNFYyVklaUkI1QWJkK3lpWFRJVGxXYVQveDc2WGVTNzJQK2lmVjFkVkhqTWNNTUMxcHlEN0R3RHVwNWlKUEl2dVp4QlQwdnJTME5KSDk1ZVhsSTZiRERORFEwQkFpQUtzbytZd2pENUZQS2FCK2tYS1ErbEVlNEppNkowUlMwczNOemZVTVVNZEFEekxJdTJxZUU5VFYxVjJYbloxOUQzT1pnaW1EdWJkV1ZWV2RzUjV1SkNUZDB0S3ltODRSeU9hb2FWNUJ3Qm9oWFFPSFBEajhwR1lIcVNvZHNMSGt0VVhvVktpbWVRZEV3M0Q0a2VvaGEzSERReHBzaFBESHZKb3ZWZmNMZStHUlM5VExWSGZnSVQwMk5yYVdwL3hVVmQ4QWg4T0lheWxsdlAxY1kxUjRTUE4wK2VQajQ2ZFY5UTAxTlRWOUVPK0JUeGJ5VVRVYkpGb2UrYVFqMzBrTElDenJPcDFTYkF3S0YybkpvWWlMYklRL3JjVjNTT1lRVHNsSmN4UkxvdjlCVmQvQnN2aFpxd09rNFR1MWJrTHZBTUo1aUVHcmVjRk9Ma1hFMXBjY3ZmVmFkNEdUZEJ0TGJBdVRMbUhNTDhoRXU3WEpCWWpjaDdnWHYzWEljL1JwcmF5cy9NWTBXcGdjVGZ0aXhoSFNKcU81SWkya2NVaEltZ21lcDMwTDVUWFVOeW03NU5RMGpYSEE3eWttZjVaeHpxSzJJemRoOCtUYjl2YjJ1Mmc3UXNsZzQrOWgzR3VvSCtyczdGeXNMZ0hzSnRMYXR0WVlnWXMwRFhrNGVFZzNOamJLM2FDVWRMaURxTDFLaEEvZ0oxSGZiRDFjcUtYdEVYa0xsUGVaZUJ1MkJ5Q1RhWnN0R0N2TXcrM0U1K2x3T0N6bnd1UE1jZjNJeU1oR2RRbHd0N2xkcTRMRXBFSENTRFA0ZW9qME1QZzVOUVdZNURDMkFsVU55S2ZyRWN2aVg3SDBZY3hUdzhQRERoa0J0Z0t1c3QrckdzTjNqQm52RjAvYVdjcFRTY3RkWTVHdFRvSUp6bEJXc0ZZM3FFbVdRUlcyZzZyR0lHVFAwcmJMcW1aOUYwRmtxVVJUVFRGMEU4bnRXcGUzdVZ5Q1FJRGlsNUpEbXJuT2E5V3pQQWJwNUNGTm92OEFFYUh0R092NEZWbkwrTmFqdTBnVDRjdllkdEJXam8vNHlrMnhpNmFwRHlkdlQvelc0SE5LL05DNzBMdW1iRVI1Y3dhTUU5V3FKOUtYNk9oc2hIaXc5bVJUeWF1VHkzdUlLTjNOQkVkdDZ5UXFLaXFPQ3hsODNrUGRqSHlTcGJUSHRrNkN2cjh4NWdaOFcxQmxieHhBZjh3MEF0NldaQXZKMFFhTUl4OExCcTZyS1k2ZGlGdVo1SDVyOFE5d0tVSHNsem9QRm9WMHFTUUIwYWRHZWhDSFpWcjNGZkI0U0tzUzVYSEsxNnE2U1pPR2p0TzRtaXh3czVwOEFWRitBaDV5OE1RZzZkSlo2eTdTdXNON3lLMUYxakwva0N5Q3FMYWFCVkh2azAydXFtZDVpSU44RmZ0Q21tL0ZERGI0RzFUenJjVmdnS2kvcUhVREQyazZ2WU5URVdrb1BySFBPU1JiQklQQnQ2aHVzaFlIMGN6TXpMMWFOL0NRSm1YSlY0c2MweTlaeTl4RGZsVWdUbENjelNmZ3JWK0dSMDFaV1ptVG93VkpmeUh3NUhJeURVV2owYnBJSkNJL1ltWVZFTDFKTmhzbGpDcnIyQVVJRDlGMklsSDZuZlpuRGNSZlIyeG5nQTQ1L1pEOURQS0xiWjBaWkoxbVpXVXRaZGt0b2Y4YVRISVZrTHZNSGNiQmk3OG9vL2gyYzlnOGJFMXVURXRhME5iV3RvNXNJcnQ1TlFPdFFNcXZML05uQ1NtbmxQbmp4RU45RlR1QzViNkIvaHgydVRYS0hUMHBhUCtEOFNVenlDKzJUUHFjUk80ak9CS3doUGhYMHZFZ0hlWHdkWE1iQTY5RVhha1BjUXRGNUxkRXBsQnlQUFlQS1RkZ2swTmhEQ2w3WnhHMjgraHlUY2ltL2pmMUFlVHY2RzlULzV4YjMrbmEydG9COUdseFJhU1RBYUxGUkt0S1NNc0ZDQUxMSWJNZm0zT3pJL0xaNkVNODlBWElEY1ZmYzY4VXMwS2F0Zjh5UWlJa0Z5REpzZnQ0Z0lTZllyT0IvMHhhdm1yWVpCL0pheWJDbnhIUkYwaWIzZHI4L3dYRXQzWjBkTnlvNmdJVzRCOENnWDhBbU0yakNzOGVPMUVBQUFBQVNVVk9SSzVDWUlJPSIgeD0iMzU5cHgiIHk9Ijg1MnB4IiAvPg0KICA8L2c+DQo8L3N2Zz4=" mode="widthFix"></image>
-  </view>
-  </view> -->
-
-
 
 <!-- 游戏设置-->
 <!-- 这两行用来测试 -->