|
@@ -316,7 +316,7 @@ export const addSubtitle = (data: AnimationModelSubtitle) => {
|
|
document.querySelector("#app")!,
|
|
document.querySelector("#app")!,
|
|
Subtitle,
|
|
Subtitle,
|
|
reactive({
|
|
reactive({
|
|
- pixel,
|
|
|
|
|
|
+ pixel: pixel,
|
|
show,
|
|
show,
|
|
data,
|
|
data,
|
|
sizeChang: (csize: Size) => (size.value = csize),
|
|
sizeChang: (csize: Size) => (size.value = csize),
|
|
@@ -330,6 +330,17 @@ export const addSubtitle = (data: AnimationModelSubtitle) => {
|
|
|
|
|
|
{ immediate: true }
|
|
{ immediate: true }
|
|
);
|
|
);
|
|
|
|
+ let isRun = false
|
|
|
|
+ const update = () => {
|
|
|
|
+ if (isRun) return;
|
|
|
|
+ isRun = true
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ pixel.value = amMap[am.id]?.am?.getCurrentSubtitlePixel(
|
|
|
|
+ size.value
|
|
|
|
+ );
|
|
|
|
+ isRun = false
|
|
|
|
+ }, 160);
|
|
|
|
+ };
|
|
|
|
|
|
const stopAttrib = mergeFuns(
|
|
const stopAttrib = mergeFuns(
|
|
watch(
|
|
watch(
|
|
@@ -344,22 +355,8 @@ export const addSubtitle = (data: AnimationModelSubtitle) => {
|
|
currentTime.value >= data.time &&
|
|
currentTime.value >= data.time &&
|
|
currentTime.value <= data.time + data.duration
|
|
currentTime.value <= data.time + data.duration
|
|
) {
|
|
) {
|
|
- let isRun = false
|
|
|
|
- const update = () => {
|
|
|
|
- if (isRun) return;
|
|
|
|
- isRun = true
|
|
|
|
- setTimeout(() => {
|
|
|
|
- pixel.value = amMap[am.id]?.am?.getCurrentSubtitlePixel(
|
|
|
|
- size.value
|
|
|
|
- );
|
|
|
|
- isRun = false
|
|
|
|
- }, 160);
|
|
|
|
- };
|
|
|
|
update();
|
|
update();
|
|
show.value = true;
|
|
show.value = true;
|
|
-
|
|
|
|
- _sdk.sceneBus.on("cameraChange", update);
|
|
|
|
- onCleanup(() => _sdk.sceneBus.off("cameraChange", update));
|
|
|
|
} else {
|
|
} else {
|
|
show.value = false;
|
|
show.value = false;
|
|
}
|
|
}
|