When subtitle default is true it does not show

Question

When subtitle default is true it does not show

MuhammadTufailAli opened this issue a year ago · 43 comments

I am using subtitle in Oplayer.
Following is my code
.use(
[
ui({
theme: { primaryColor: "#D98420" },
coverButton: true,
pictureInPicture: false,
miniProgressBar: false,

            controlBar: false, //chrome cast ko uper la k jana k lia
            //subtitle are added
            subtitle: {
              color: "white",
              fontSize: 24,
              fontWeight: 700,
              fontFamily: "Roboto",
              background: true,
              source: [
                {
                  name: "English",
                  default: true,
                  src: MediaToPlay?.srt_file,
                },
              ],
            },


          hls({ forceHLS: true }),

          // chromecast,
          conditionToChromeCast && otherBrowser && chromecast,
        ].filter(Boolean)
      )
      
      When subtitle    default: true, then it does not show but if i do    default: false and then enable it manually subtitle starts showing. Please help me resolve this issue

MuhammadTufailAli commented a year ago

??

Answer 1 · 2023-10-03T07:44:51.000Z

i console my Oplayer when it was created
My currentSubtitle is
{
"name": "English",
"default": true,
"src": "https://streambe1.nayatel.com/movies/Navalny.1080p-HD.srt"
}
but
isShow:false

If i reload page then isShow gets true why is this behaviour

Answer 2 · 2023-10-03T07:47:09.000Z

pls upload srt file

Answer 3 · 2023-10-03T07:48:37.000Z

Upload srt file where i don't understand what you said. Can you please explain?

Answer 4 · 2023-10-03T08:15:33.000Z

I also added my movie link and srt link in Oplayer playground it is also not showing over there

My code
const player = Player.make("#app", {
// isLive: true,
source: {
src: "https://5c7da495a96a8.streamlock.net/vodedge/_definst_/http/movies/Navalny.1080p-HD.mp4/playlist.m3u8",
poster: "https://ohplayer.netlify.app/poster.png",
title: "君の名は"
},
autoplay: true,
videoAttr: {
// crossOrigin: "anonymous"
}
})
.use([
ui({
subtitle: {
background: true,
source: [
{
name: "Japanese",
default: true,
src: "https://streambe1.nayatel.com/movies/Navalny.1080p-HD.srt"

      },
      {
        name: "CH & JP",
        src: "https://ohplayer.netlify.app/君の名は.srt"
      }
    ]
  },
  
 If i reload then subtitles starts showing and if i make subtitle default:false and manually open it then its start showing

Answer 5 · 2023-10-03T08:17:54.000Z

source cannot access

Answer 6 · 2023-10-03T08:19:07.000Z

So what should i do

Answer 7 · 2023-10-03T08:19:59.000Z

i also added Oplayer playground src
{
name: "Japanese",
default: true,
src: "https://ohplayer.netlify.app/君の名は-jp.srt"
}

      But it is also now showing if default: true,

Answer 8 · 2023-10-03T08:20:20.000Z

Please give me solution

Answer 9 · 2023-10-03T08:24:13.000Z

https://oplayer.vercel.app/preview/
is ok？

Answer 10 · 2023-10-03T08:27:32.000Z

Yes above is working fine but in my case subtitle are not showing
Can you please use movie src as
https://5c7da495a96a8.streamlock.net/vodedge/_definst_/http/movies/Navalny.1080p-HD.mp4/playlist.m3u8
and use following subtitle
https://streambe1.nayatel.com/movies/Navalny.1080p-HD.srt
and check if subtitle show or not
In this way we will check where problem exists?

Answer 11 · 2023-10-03T10:03:24.000Z

Unable to access your resources and subtitle files

Answer 12 · 2023-10-03T10:41:02.000Z

No time this week, looking at it next week, provide your srt file

Answer 13 · 2023-10-15T05:09:04.000Z

Same issue on @oplayer/ui": "1.2.34-beta.1 & Chrome 117.0.5938.149 (Official Build) (x86_64)

Answer 14 · 2023-10-15T05:16:53.000Z

Same issue on @oplayer/ui": "1.2.34-beta.1 & Chrome 117.0.5938.149 (Official Build) (x86_64)

reproduction repo？

Answer 15 · 2023-10-15T05:46:22.000Z

Same issue on @oplayer/ui": "1.2.34-beta.1 & Chrome 117.0.5938.149 (Official Build) (x86_64)

reproduction repo？

Not yet. but I just got workaround this problem.

Answer 16 · 2023-10-15T05:49:13.000Z

Same issue on @oplayer/ui": "1.2.34-beta.1 & Chrome 117.0.5938.149 (Official Build) (x86_64)

reproduction repo？

Not yet. but I just got workaround this problem.

所以只是写法错了。

Answer 17 · 2023-10-15T05:58:34.000Z

差不多, 我感觉和这个src 有关系

很奇怪, 如果用之前的写法刚刷新页面进去第一次是ok的, 然后重新加载oplayer就挂了

这两cues都没了

Answer 18 · 2023-10-15T06:00:13.000Z

切换视频源会重建cue
重新加载是怎么个加载法？

Answer 19 · 2023-10-15T06:06:46.000Z

I am using subtitle in Oplayer.
Following is my code
.use(
[
ui({
theme: { primaryColor: "#D98420" },
coverButton: true,
pictureInPicture: false,
miniProgressBar: false,

        controlBar: false, //chrome cast ko uper la k jana k lia
        //subtitle are added
        subtitle: {
          color: "white",
          fontSize: 24,
          fontWeight: 700,
          fontFamily: "Roboto",
          background: true,
          source: [
            {
              name: "English",
              default: true,
              src: MediaToPlay?.srt_file,
            },
          ],
        },


      hls({ forceHLS: true }),

      // chromecast,
      conditionToChromeCast && otherBrowser && chromecast,
    ].filter(Boolean)
  )
  
  When subtitle    default: true, then it does not show but if i do    default: false and then enable it manually subtitle starts showing. Please help me resolve this issue

Answer 20 · 2023-10-15T06:09:52.000Z

我代码是放在vue的onMounted 里面的, 重新加载大概就是...关了vue这个页面,再打开.

onMounted(() => {
  emit('load');
  const player = Player.make('#oplayer', {
    source: {
      poster: webdav_thumbnail_link(props.selection.item),
      title: props.selection.item.basename,
    }
  }).use([
    ui({
      controlBar: { back: "always" },
      fullscreen: true,
    }),
    hls({
      forceHLS: true,
      withBitrate: true,
      active(instance, lib) {
        instance.on(lib.Events.MANIFEST_PARSED, (...payload) => {
          console.log(payload);
        });
      }
    }),
    dash({
      withBitrate: true,
      active(instance, lib) {
        instance.on("streamInitialized", (payload) => {
          console.log(payload);
        });
      }
    }),
    mpegts(),
  ]).create()

  fetch(...).then(() => {
    player.changeSource({
       src: videoUrlList[0].value,
       poster: webdav_thumbnail_link(props.selection.item),
       title: props.selection.item.basename,
    })
    player.context.ui.subtitle.changeSource(subtitleUrlList)
  })
})

Answer 21 · 2023-10-15T06:11:43.000Z

Look Even i used default: true, but when player is made the subtitle does not show and in console isShow is false

Answer 22 · 2023-10-15T06:12:37.000Z

If i reload this page then isSHow get true and also if i do default: false and then manually turn on sutitle it works fine

Answer 23 · 2023-10-15T06:13:08.000Z

@eritpchy changeshource -》 changesubtitle

Answer 24 · 2023-10-15T06:13:08.000Z

MediaToPlay?.srt_file
Try this. type: 'srt'

{
  name: "English",
  default: true,
  src: MediaToPlay?.srt_file,
  type: 'srt',
},

Answer 25 · 2023-10-15T06:14:48.000Z

@eritpchy 关页面重新拿不应该啊

哈哈哈, 可能就是加载视频然后再加载字幕太快了导致的吧

Answer 26 · 2023-10-15T06:16:32.000Z

@eritpchy changeshource -》 changesubtitle

我搜索了下代码, 没有changesubtitle这个方法吧

Answer 27 · 2023-10-15T06:22:47.000Z

@eritpchy i also tried to do this but still in console i get isShow:false why this wired behavior?

Answer 28 · 2023-10-15T06:23:10.000Z

"@oplayer/ui": "^1.2.32",
My ui version

Answer 29 · 2023-10-15T06:24:01.000Z

"@oplayer/ui": "^1.2.32", My ui version

Maybe you should upgrade to @oplayer/ui": "1.2.34-beta.1 ?

Answer 30 · 2023-10-15T06:24:24.000Z

Is it working fine in 1.2.34?

Answer 31 · 2023-10-15T06:24:46.000Z

Not sure..

Answer 32 · 2023-10-15T06:25:04.000Z

@shiyiya ????

Answer 33 · 2023-10-15T06:26:42.000Z

@MuhammadTufailAli

Answer 34 · 2023-10-15T06:29:35.000Z

Are you using oplayer, may i put it in oplayer readme?

Who use OPlayer?

NGEWIBU.TV : Nonton Anime Sub Indo | Nonton Anime Subtitle Indonesia Gratis
Animex : Watch Anime for free in HD quality with English subbed or dubbed.
UPV : free animes no ad
Feel free to submit yours in Let me know!

Answer 35 · 2023-10-15T06:31:31.000Z

@shiyiya 还没发布, 且太小众, 都不好意思了😅

Answer 36 · 2023-10-15T06:32:45.000Z

@shiyiya 还没发布, 且太小众, 都不好意思了😅

那就点个star先 🤣

Answer 37 · 2023-10-15T06:33:46.000Z

"@oplayer/ui": "^1.2.32", My ui version

try upgrade all oplayer

npm update @oplayer/core @oplayer/ui @oplayer/xxx

Answer 38 · 2023-10-15T06:34:55.000Z

Okay i hope nothing will crash after that 🤣

Answer 39 · 2023-10-16T05:37:31.000Z

i updated my Oplayer all dependencies now my "@oplayer/ui": "^1.2.32", But still subtitle is not showing. Still isShow is false. Why it is still not resolved

Answer 40 · 2023-10-16T08:01:54.000Z

1.2.34-beta.2

npm i @oplayer/ui@1.2.34-beta.2

Answer 41 · 2023-10-20T10:55:50.000Z

close，no respond

Answer 42 · 2023-12-26T08:32:55.000Z

Are you using oplayer, may i put it in oplayer readme?

Who use OPlayer?

NGEWIBU.TV : Nonton Anime Sub Indo | Nonton Anime Subtitle Indonesia Gratis

Animex : Watch Anime for free in HD quality with English subbed or dubbed.

UPV : free animes no ad

Feel free to submit yours in Let me know!

https://github.com/eritpchy/aliyundrive-webdav/releases
已经发布, 用了你的oplayer😃