remove outline util

packages/artplayer/src/style/subtitle.scss

@@ -10,7 +10,8 @@
         color: #fff;
         font-size: 20px;
         pointer-events: none;
-        text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
+        text-shadow: rgb(0 0 0) 1px 0px 1px, rgb(0 0 0) 0px 1px 1px, rgb(0 0 0) -1px 0px 1px, rgb(0 0 0) 0px -1px 1px,
+            rgb(0 0 0) 1px 1px 1px, rgb(0 0 0) -1px -1px 1px, rgb(0 0 0) 1px -1px 1px, rgb(0 0 0) -1px 1px 1px;
 
         p {
             word-break: break-all;

packages/artplayer/src/subtitle.js

@@ -1,4 +1,4 @@
-import { setStyle, setStyles, srtToVtt, vttToBlob, getExt, assToVtt, escape, errorHandle, outline } from './utils';
+import { setStyle, setStyles, srtToVtt, vttToBlob, getExt, assToVtt, escape, errorHandle } from './utils';
 import Component from './utils/component';
 import validator from 'option-validator';
 import scheme from './scheme';
@@ -80,10 +80,7 @@ export default class Subtitle extends Component {
             proxy(this.textTrack, 'cuechange', this.update.bind(this));
         }
 
-        this.style({
+        this.style(subtitleOption.style);
-            'text-shadow': outline(),
-            ...subtitleOption.style,
-        });
 
         errorHandle(window.fetch, 'fetch not support');
         return fetch(subtitleOption.url)

packages/artplayer/src/utils/subtitle.js

@@ -80,18 +80,3 @@ export function assToVtt(ass) {
         .filter((line) => line.trim())
         .join('\n\n')}`;
 }
-
-export function outline(outlineColor = '#000', outlineSize = 1, blurSize = 1) {
-    return [
-        [outlineSize, 0],
-        [0, outlineSize],
-        [-outlineSize, 0],
-        [0, -outlineSize],
-        [outlineSize, outlineSize],
-        [-outlineSize, -outlineSize],
-        [outlineSize, -outlineSize],
-        [-outlineSize, outlineSize],
-    ]
-        .map((item) => `${outlineColor} ${item[0]}px ${item[1]}px ${blurSize}px`)
-        .join(',');
-}