feat: open in native player

Author: LynMoe

src/components/MetadataInfo.vue

@@ -15,7 +15,7 @@
                     :tags="tags"
                     :stars="stars"
                     :series="series"
-                    v-on:addToBookmark="addToBookmark"
+                    @addToBookmark="addToBookmark"
                     ></MetadataInfoVideoInfo>
                 </div>
             </a-col>
@@ -29,7 +29,7 @@
 
         <a-modal title="Add to bookmark" v-model="addToBookmarkModal" @ok="addToBookmark(true)">
             <div v-if="bookmarks.length === 0">
-                <a-alert type="error" message="You don't have a folder yet, please create one first." banner />
+                <a-alert type="error" message="You don't have a bookmark yet, please create one first." banner />
                 <br />
             </div>
             <p>Select your bookmark:</p>

src/components/MetadataInfoVideoList.vue

@@ -1,6 +1,27 @@
 <template>
     <a-table :columns="columns" :rowKey="'id'" :dataSource="data">
         <a slot="name" slot-scope="text">{{text}}</a>
+        <span slot="open" slot-scope="_url">
+            <a-dropdown>
+                <a class="ant-dropdown-link" @click="e => e.preventDefault()">
+                Open In <a-icon type="down" />
+                </a>
+                <a-menu slot="overlay">
+                <a-menu-item>
+                    <a :href="`iina://weblink?url=${_url}`" target="_blank">IINA</a>
+                </a-menu-item>
+                <a-menu-item>
+                    <a :href="`potplayer://${_url}`" target="_blank">PotPlayer</a>
+                </a-menu-item>
+                <a-menu-item>
+                    <a :href="`vlc://${_url}`" target="_blank">VLC</a>
+                </a-menu-item>
+                <a-menu-item>
+                    <a :href="`nplayer-${_url}`" target="_blank">nPlayer</a>
+                </a-menu-item>
+                </a-menu>
+            </a-dropdown>
+        </span>
         <span slot="url" slot-scope="_url">
             <a :href="_url" target="_blank">Link</a>
         </span>
@@ -11,27 +32,14 @@
         {
             title: '#',
             dataIndex: 'id',
-            key: 'id',
-            width: 80
-        },
-        {
-            title: 'Bit Rate',
-            dataIndex: 'bitRate',
-            key: 'bitRate',
-            ellipsis: true
+            key: 'id'
         },
         {
             title: 'Episode',
             dataIndex: 'episode',
             key: 'episode',
             ellipsis: true
         },
-        {
-            title: 'Video File Id',
-            dataIndex: 'videoFileId',
-            key: 'videoFileId',
-            ellipsis: true
-        },
         {
             title: 'Duration',
             dataIndex: 'duration',
@@ -45,10 +53,11 @@
             ellipsis: true
         },
         {
-            title: 'Update Time',
-            dataIndex: 'updateTime',
-            key: 'updateTime',
-            ellipsis: true
+            title: 'Native Player',
+            dataIndex: 'url',
+            key: 'openIn',
+            ellipsis: false,
+            scopedSlots: { customRender: 'open' }
         },
         {
             title: 'Download',

src/components/MetadataListVideoCard.vue

@@ -1,11 +1,8 @@
 <template>
     <a-card hoverable style="width: 300px">
-        <img
-            alt="cover"
-            class="cover"
-            :src="JAVinfo.posterFileURL"
-            slot="cover"
-            />
+        <div slot="cover">
+            <a :href="`/#/metadata/view/${JAVinfo.id}`"><img class="cover" alt="cover" :src="JAVinfo.posterFileURL" /></a>
+        </div>
         <a :href="`/#/metadata/view/${JAVinfo.id}`"><a-card-meta :title="`[${JAVinfo.JAVID}]` + JAVinfo.title" /></a>
         <br />
         <div class="tags">