icon

public/img/icons/manifest.json

+{
+  "icons": [
+    {
+      "src": "./img/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/android-chrome-maskable-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "./img/icons/android-chrome-maskable-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon-60x60.png",
+      "sizes": "60x60",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon-76x76.png",
+      "sizes": "76x76",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon-120x120.png",
+      "sizes": "120x120",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon-180x180.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/favicon-16x16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/msapplication-icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "./img/icons/mstile-150x150.png",
+      "sizes": "150x150",
+      "type": "image/png"
+    }
+  ]
+}
\ No newline at end of file

public/img/icons/safari-pinned-tab.svg

-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" version="1.1">
+	<path d="M 109 3.448 C 78.937 8.393, 48.323 26.046, 31.103 48.366 L 27 53.685 27 72.539 L 27 91.394 31.020 83.082 C 36.733 71.268, 43.750 61.567, 53.257 52.342 C 66.821 39.181, 81.227 30.794, 99.500 25.422 C 112.306 21.658, 135.164 20.900, 149 23.781 C 166.844 27.497, 182.935 35.257, 196.485 46.682 C 203.461 52.563, 214.007 64.356, 217.346 70.009 L 219.113 73 211.441 73 C 202.461 73, 205.160 70.735, 183.236 96.672 L 169.500 112.922 165.161 112.961 L 160.822 113 166.661 106.226 C 183.852 86.281, 193.535 74.780, 193.826 73.962 C 194.136 73.088, 187.346 73.250, 165.500 74.640 L 156.500 75.212 142.500 91.731 C 108.353 132.023, 111 128.438, 111 134.393 L 111 139.701 120.154 140.350 C 125.188 140.708, 132.794 141, 137.057 141 L 144.806 141 149.891 135.750 L 154.975 130.500 154.988 135.250 L 155 140 151.196 140 C 147.495 140, 146.949 140.517, 130.946 159.184 C 121.901 169.735, 113.680 179.410, 112.677 180.684 L 110.855 183 128.886 183 L 146.918 183 167.142 158.750 C 204.073 114.468, 226.282 88.882, 227.084 89.696 C 227.520 90.138, 229.002 94.393, 230.377 99.151 C 246.936 156.437, 212.627 216.149, 154.206 231.725 C 145.655 234.005, 142.536 234.316, 128 234.336 C 113.234 234.357, 110.449 234.079, 101.500 231.688 C 76.785 225.084, 53.552 208.956, 39.995 188.992 C 37.798 185.757, 36 182.860, 36 182.555 C 36 182.250, 48.965 182, 64.810 182 L 93.620 182 105.560 168.877 C 112.127 161.659, 117.647 155.367, 117.827 154.895 C 118.007 154.422, 107.386 153.915, 94.224 153.768 L 70.294 153.500 104.093 115 C 122.683 93.825, 137.917 76.158, 137.947 75.739 C 137.976 75.320, 119.455 75.095, 96.789 75.239 L 55.578 75.500 44.321 88.500 L 33.065 101.500 42.782 102.133 C 48.127 102.480, 58.067 102.818, 64.872 102.883 C 76.814 102.996, 77.196 103.066, 75.872 104.891 C 75.117 105.932, 64.269 118.644, 51.765 133.141 L 29.029 159.500 29.015 170.750 C 29.006 177.574, 28.607 182, 28 182 C 27.397 182, 27 186.147, 27 192.441 L 27 202.881 32.884 210.191 C 42.589 222.248, 56.771 233.367, 72.500 241.251 C 102.309 256.191, 139.093 258.496, 170.234 247.373 C 206.349 234.474, 235.844 204.442, 247.984 168.207 C 252.238 155.511, 254 143.726, 254 127.979 C 254 93.276, 241.692 63.652, 217.022 38.976 C 199.608 21.558, 179.411 10.459, 155 4.894 C 143.585 2.292, 120.451 1.565, 109 3.448" stroke="none" fill="black" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file

src/App.vue

@@ -7,9 +7,9 @@
     </div>
     <div class="body">
       <div class="input" v-show="!show.player">
-        <KPCInput v-model="vUrl" placeholder="请输入播放链接..." clearable>
+        <KPCInput v-model="vUrl" placeholder="请输入 M3U8 格式的播放链接..." clearable @keydown.enter="enterEvent">
           <template slot="append">
-            <KPCButton icon type="none">
+            <KPCButton icon type="none" @click="enterEvent">
               <KPCIcon class="ion-play" />
             </KPCButton>
           </template>
@@ -84,7 +84,7 @@ export default {
         history: false,
         star: false,
         setting: false,
-        player: true
+        player: false
       },
       list: {
         history: [],
@@ -125,18 +125,19 @@ export default {
       this.vUrl = this.getParam('url')
       this.vName = this.getParam('name')
       if (this.vUrl) {
-        this.show.player = true
         this.playUrl(this.vUrl)
-      } else {
-        this.show.player = false
       }
     },
     playUrl () {
-      this.config.url = this.vUrl
       if (this.vUrl.indexOf('m3u8') !== -1) {
+        this.config.url = this.vUrl
+        this.show.player = true
         this.xg = new Hls(this.config)
+        this.addStarBtn()
         this.videoPlaying()
         return false
+      } else {
+        Message.warning('输入的链接格式有问题， 请确认后重试。')
       }
     },
     async videoPlaying () {
@@ -289,12 +290,19 @@ export default {
       const doc = { ...res }
       doc.history = this.historySwitch
       settingDB.update(doc)
+    },
+    enterEvent () {
+      if (this.vUrl) {
+        this.vName = '未知资源' + new Date().getTime()
+        this.playUrl()
+      } else {
+        Message.warning('请输入 M3U8 格式的播放链接。')
+      }
     }
   },
   mounted () {
     this.getSetting()
     this.getInfo()
-    this.addStarBtn()
   }
 }
 </script>