Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Captions use the Entire screen #3745

Closed
FireMasterK opened this issue Nov 6, 2021 · 0 comments · Fixed by #3838 or #4009
Closed

Captions use the Entire screen #3745

FireMasterK opened this issue Nov 6, 2021 · 0 comments · Fixed by #3838 or #4009
Labels
component: captions/subtitles The issue involves captions or subtitles priority: P2 Smaller impact or easy workaround status: archived Archived and locked; will not be updated type: bug Something isn't working correctly
Milestone

Comments

@FireMasterK
Copy link

Have you read the FAQ and checked for duplicate open issues?
Yes

What version of Shaka Player are you using?
3.2.1

Can you reproduce the issue with our latest release version?
Yes

Can you reproduce the issue with the latest code from master?
Not tried

Are you using the demo app or your own custom app?
Custom

If custom app, can you reproduce the issue using our demo app?
Yes

What browser and OS are you using?
Linux, Brave

What are the manifest and license server URIs?
TTML File: https://bin.snopyta.org/?1517679bd5c2cddf#5861Y5KEE94RUY5LGFWNWu3AgLzBbdcquy74a2bYLvmQ

What configuration are you using? What is the output of player.getConfiguration()?
Demo Player / N/A

What did you do?
Run this in the JavaScript console, and select the captions track.

player = video.ui.getControls().getLocalPlayer();
player.addTextTrack('data:text/xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+DQo8dHQgeG1sOmxhbmc9ImVuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvbnMvdHRtbCIgeG1sbnM6dHRtPSJodHRwOi8vd3d3LnczLm9yZy9ucy90dG1sI21ldGFkYXRhIiB4bWxuczp0dHM9Imh0dHA6Ly93d3cudzMub3JnL25zL3R0bWwjc3R5bGluZyIgeG1sbnM6dHRwPSJodHRwOi8vd3d3LnczLm9yZy9ucy90dG1sI3BhcmFtZXRlciIgdHRwOnByb2ZpbGU9Imh0dHA6Ly93d3cudzMub3JnL1RSL3Byb2ZpbGUvc2RwLXVzIiA+DQo8aGVhZD4NCjxzdHlsaW5nPg0KPHN0eWxlIHhtbDppZD0iczEiIHR0czp0ZXh0QWxpZ249ImNlbnRlciIgdHRzOmV4dGVudD0iOTAlIDkwJSIgdHRzOm9yaWdpbj0iNSUgNSUiIHR0czpkaXNwbGF5QWxpZ249ImFmdGVyIi8+DQo8c3R5bGUgeG1sOmlkPSJzMiIgdHRzOmZvbnRTaXplPSIuNzJjIiB0dHM6YmFja2dyb3VuZENvbG9yPSJibGFjayIgdHRzOmNvbG9yPSJ3aGl0ZSIvPg0KPC9zdHlsaW5nPg0KPGxheW91dD4NCjxyZWdpb24geG1sOmlkPSJyMSIgc3R5bGU9InMxIi8+DQo8L2xheW91dD4NCjwvaGVhZD4NCjxib2R5IHJlZ2lvbj0icjEiPg0KPGRpdj4NCjxwIGJlZ2luPSIwMDowMDowMS41MTQiIGVuZD0iMDA6MDA6MDQuNTk3IiBzdHlsZT0iczIiPih1cGJlYXQgZGlzY28gbXVzaWMpPC9wPg0KPHAgYmVnaW49IjAwOjAwOjE0LjUwOCIgZW5kPSIwMDowMDoxNy4xNjIiIHN0eWxlPSJzMiI+4pmqIFdlbGwsIHlvdSBjYW4gdGVsbCBieTxiciAvPnRoZSB3YXkgSSB1c2UgbXkgd2FsayDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MTcuMTYyIiBlbmQ9IjAwOjAwOjE5LjcwOCIgc3R5bGU9InMyIj7imaogSSYjMzk7bSBhIHdvbWFuJiMzOTtzIG1hbiwgbm8gdGltZSB0byB0YWxrIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMDoxOS43MDgiIGVuZD0iMDA6MDA6MjEuOTMyIiBzdHlsZT0iczIiPuKZqiBNdXNpYyBsb3VkIGFuZCB0aGUgd29tZW4gd2FybSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MjEuOTMyIiBlbmQ9IjAwOjAwOjI0LjIyOCIgc3R5bGU9InMyIj7imaogSSYjMzk7dmUgYmVlbiBraWNrZWQ8YnIgLz5hcm91bmQgc2luY2UgSSB3YXMgYm9ybiDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MjQuMjI4IiBlbmQ9IjAwOjAwOjI2LjgwMiIgc3R5bGU9InMyIj7imaogQW5kIG5vdyBpdCYjMzk7cyBhbGwgcmlnaHQsIGl0JiMzOTtzIG9rYXkg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAwOjI2LjgwMiIgZW5kPSIwMDowMDoyOS4wOTMiIHN0eWxlPSJzMiI+4pmqIEFuZCB5b3UgbWF5IGxvb2sgdGhlIG90aGVyIHdheSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MjkuMDkzIiBlbmQ9IjAwOjAwOjMxLjM1MSIgc3R5bGU9InMyIj7imaogQnV0IHdlIGNhbiB0cnkgdG8gdW5kZXJzdGFuZCDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MzEuMzUxIiBlbmQ9IjAwOjAwOjMzLjc4MCIgc3R5bGU9InMyIj7imaogVGhlIE5ldyBZb3JrIFRpbWVzJiMzOTsgZWZmZWN0IG9uIG1hbiDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MzMuNzgwIiBlbmQ9IjAwOjAwOjM1LjkyMCIgc3R5bGU9InMyIj7imaogV2hldGhlciB5b3UmIzM5O3JlIGEgYnJvdGhlcjxiciAvPm9yIHdoZXRoZXIgeW91JiMzOTtyZSBhIG1vdGhlciDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6MzUuOTIwIiBlbmQ9IjAwOjAwOjM4LjM2MSIgc3R5bGU9InMyIj7imaogWW91JiMzOTtyZSBzdGF5aW4mIzM5OyBhbGl2ZSwgc3RheWluJiMzOTsgYWxpdmUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAwOjM4LjM2MSIgZW5kPSIwMDowMDo0MC41ODEiIHN0eWxlPSJzMiI+4pmqIEZlZWwgdGhlIGNpdHkgYnJlYWtpbiYjMzk7PGJyIC8+YW5kIGV2ZXJ5Ym9keSBzaGFraW4mIzM5OyDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6NDAuNTgxIiBlbmQ9IjAwOjAwOjQzLjEyMiIgc3R5bGU9InMyIj7imaogQW5kIHdlJiMzOTtyZSBzdGF5aW4mIzM5OyBhbGl2ZSwgc3RheWluJiMzOTsgYWxpdmUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAwOjQzLjEyMiIgZW5kPSIwMDowMDo0Ny43NTUiIHN0eWxlPSJzMiI+4pmqIEFoLCBhaCwgYWgsIGFoLCBzdGF5aW4mIzM5OzxiciAvPmFsaXZlLCBzdGF5aW4mIzM5OyBhbGl2ZSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDA6NDcuNzU1IiBlbmQ9IjAwOjAwOjUxLjc1NSIgc3R5bGU9InMyIj7imaogQWgsIGhhLCBoYSwgaGEsIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMDo1OC42MzUiIGVuZD0iMDA6MDE6MDMuNDEzIiBzdHlsZT0iczIiPuKZqiBPaCwgd2hlbiB5b3Ugd2FsayDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MDMuNDEzIiBlbmQ9IjAwOjAxOjA2LjAzNSIgc3R5bGU9InMyIj7imaogV2VsbCwgbm93IEkgZ2V0IGxvdyBhbmQgSSBnZXQgaGlnaCDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MDYuMDM1IiBlbmQ9IjAwOjAxOjA4LjQ4OCIgc3R5bGU9InMyIj7imaogQW5kIGlmIEkgY2FuJiMzOTt0IGdldDxiciAvPmVpdGhlciwgSSByZWFsbHkgdHJ5IOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMTowOC40ODgiIGVuZD0iMDA6MDE6MTAuNjUwIiBzdHlsZT0iczIiPuKZqiBHb3QgdGhlIHdpbmdzIG9mIGhlYXZlbiBvbiBteSBzaG9lcyDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MTAuNjUwIiBlbmQ9IjAwOjAxOjEzLjA5MiIgc3R5bGU9InMyIj7imaogSSYjMzk7bSBhIGRhbmNpbiYjMzk7IG1hbiw8YnIgLz5hbmQgSSBqdXN0IGNhbiYjMzk7dCBsb3NlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToxMy4wOTIiIGVuZD0iMDA6MDE6MTUuNjQ4IiBzdHlsZT0iczIiPuKZqiBZb3Uga25vdywgaXQmIzM5O3MgYWxsIHJpZ2h0LCBpdCYjMzk7cyBva2F5IOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToxNS42NDgiIGVuZD0iMDA6MDE6MTcuODgzIiBzdHlsZT0iczIiPuKZqiBJJiMzOTtsbCBsaXZlIHRvIHNlZSBhbm90aGVyIGRheSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MTcuODgzIiBlbmQ9IjAwOjAxOjIwLjEzNyIgc3R5bGU9InMyIj7imaogV2UgY2FuIHRyeSB0byB1bmRlcnN0YW5kIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToyMC4xMzciIGVuZD0iMDA6MDE6MjIuNTMyIiBzdHlsZT0iczIiPuKZqiBUaGUgTmV3IFlvcmsgVGltZXMmIzM5OyBlZmZlY3Qgb24gbWFuIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToyMi41MzIiIGVuZD0iMDA6MDE6MjQuNjA3IiBzdHlsZT0iczIiPuKZqiBXaGV0aGVyIHlvdSYjMzk7cmUgYSBicm90aGVyPGJyIC8+b3Igd2hldGhlciB5b3UmIzM5O3JlIGEgbW90aGVyIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToyNC42MDciIGVuZD0iMDA6MDE6MjcuMjI2IiBzdHlsZT0iczIiPuKZqiBZb3UmIzM5O3JlIHN0YXlpbiYjMzk7IGFsaXZlLCBzdGF5aW4mIzM5OyBhbGl2ZSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MjcuMjI2IiBlbmQ9IjAwOjAxOjI5LjM0NCIgc3R5bGU9InMyIj7imaogRmVlbCB0aGUgY2l0eSBicmVha2luJiMzOTs8YnIgLz5hbmQgZXZlcnlib2R5IHNoYWtpbiYjMzk7IOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMToyOS4zNDQiIGVuZD0iMDA6MDE6MzEuODM0IiBzdHlsZT0iczIiPuKZqiBBbmQgd2UmIzM5O3JlIHN0YXlpbiYjMzk7IGFsaXZlLCBzdGF5aW4mIzM5OyBhbGl2ZSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDE6MzEuODM0IiBlbmQ9IjAwOjAxOjM2LjUzMCIgc3R5bGU9InMyIj7imaogQWgsIGFoLCBhaCwgYWgsIHN0YXlpbiYjMzk7PGJyIC8+YWxpdmUsIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMTozNi41MzAiIGVuZD0iMDA6MDE6NDAuNTMwIiBzdHlsZT0iczIiPuKZqiBBaCwgYWgsIGFoLCBhaCwgc3RheWluJiMzOTsgYWxpdmUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAxOjQ2LjY1OCIgZW5kPSIwMDowMTo1MS42NTgiIHN0eWxlPSJzMiI+4pmqIE9oIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMTo1My4wNTIiIGVuZD0iMDA6MDE6NTguMDUyIiBzdHlsZT0iczIiPuKZqiBMaWZlIGdvaW5nIG5vd2hlcmUsIHNvbWVib2R5IGhlbHAgbWUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAxOjU4LjQwNCIgZW5kPSIwMDowMjowMy40MDQiIHN0eWxlPSJzMiI+4pmqIFNvbWVib2R5IGhlbHAgbWUsIHllYWgg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAyOjA0LjYzNCIgZW5kPSIwMDowMjowOS42MzQiIHN0eWxlPSJzMiI+4pmqIExpZmUgZ29pbmcgbm93aGVyZSw8YnIgLz5zb21lYm9keSBoZWxwIG1lLCB5ZWFoIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMjoxMC41MTMiIGVuZD0iMDA6MDI6MTUuMjE5IiBzdHlsZT0iczIiPuKZqiBJJiMzOTttIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMjoxNS4yMTkiIGVuZD0iMDA6MDI6MTcuOTA5IiBzdHlsZT0iczIiPuKZqiBXZWxsLCB5b3UgY2FuIHRlbGwgYnk8YnIgLz50aGUgd2F5IEkgdXNlIG15IHdhbGsg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAyOjE3LjkwOSIgZW5kPSIwMDowMjoyMC42MTAiIHN0eWxlPSJzMiI+4pmqIEkmIzM5O20gYSB3b21hbiYjMzk7cyBtYW4sIG5vIHRpbWUgdG8gdGFsayDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MjAuNjEwIiBlbmQ9IjAwOjAyOjIyLjUyMiIgc3R5bGU9InMyIj7imaogTXVzaWMgbG91ZCBhbmQgd29tZW4gd2FybSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MjIuNTIyIiBlbmQ9IjAwOjAyOjI0LjkwOSIgc3R5bGU9InMyIj7imaogSSYjMzk7dmUgYmVlbiBraWNrZWQ8YnIgLz5hcm91bmQgc2luY2UgSSB3YXMgYm9ybiDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MjQuOTA5IiBlbmQ9IjAwOjAyOjI3LjU2NyIgc3R5bGU9InMyIj7imaogQnV0IG5vdyBpdCYjMzk7cyBhbGwgcmlnaHQsIHRoYXQmIzM5O3Mgb2theSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MjcuNTY3IiBlbmQ9IjAwOjAyOjI5Ljg4OCIgc3R5bGU9InMyIj7imaogWW91IG1heSBsb29rIHRoZSBvdGhlciB3YXkg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAyOjI5Ljg4OCIgZW5kPSIwMDowMjozMi4wODkiIHN0eWxlPSJzMiI+4pmqIFdlIGNhbiB0cnkgdG8gdW5kZXJzdGFuZCDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MzIuMDg5IiBlbmQ9IjAwOjAyOjM0LjU4NiIgc3R5bGU9InMyIj7imaogVGhlIE5ldyBZb3JrIFRpbWVzJiMzOTsgZWZmZWN0IG9uIG1hbiDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MzQuNTg2IiBlbmQ9IjAwOjAyOjM2Ljc0MSIgc3R5bGU9InMyIj7imaogV2hldGhlciB5b3UmIzM5O3JlIGEgYnJvdGhlcjxiciAvPm9yIHdoZXRoZXIgeW91JiMzOTtyZSBhIG1vdGhlciDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6MzYuNzQxIiBlbmQ9IjAwOjAyOjM5LjAxMiIgc3R5bGU9InMyIj7imaogWW91JiMzOTtyZSBzdGF5aW4mIzM5OyBhbGl2ZSwgc3RheWluJiMzOTsgYWxpdmUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAyOjM5LjAxMiIgZW5kPSIwMDowMjo0MS4xNjIiIHN0eWxlPSJzMiI+4pmqIEZlZWwgdGhlIGNpdHkgYnJlYWtpbiYjMzk7PGJyIC8+YW5kIGV2ZXJ5Ym9keSBzaGFraW4mIzM5OyDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6NDEuMTYyIiBlbmQ9IjAwOjAyOjQzLjc3NiIgc3R5bGU9InMyIj7imaogQW5kIHdlJiMzOTtyZSBzdGF5aW4mIzM5OyBhbGl2ZSwgc3RheWluJiMzOTsgYWxpdmUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAyOjQzLjc3NiIgZW5kPSIwMDowMjo0OC40MDciIHN0eWxlPSJzMiI+4pmqIEFoLCBhaCwgYWgsIGFoLCBzdGF5aW4mIzM5OzxiciAvPmFsaXZlLCBzdGF5aW4mIzM5OyBhbGl2ZSDimao8L3A+DQo8cCBiZWdpbj0iMDA6MDI6NDguNDA3IiBlbmQ9IjAwOjAyOjUyLjQwNyIgc3R5bGU9InMyIj7imaogQWgsIGFoLCBhaCwgYWgsIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMzowNS4wMjYiIGVuZD0iMDA6MDM6MTAuMDI2IiBzdHlsZT0iczIiPuKZqiBMaWZlIGdvaW5nIG5vd2hlcmUsIHNvbWVib2R5IGhlbHAgbWUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAzOjEwLjI5MiIgZW5kPSIwMDowMzoxNS4yOTIiIHN0eWxlPSJzMiI+4pmqIFNvbWVib2R5IGhlbHAgbWUsIHllYWgg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAzOjE2LjYyOCIgZW5kPSIwMDowMzoyMS42MjgiIHN0eWxlPSJzMiI+4pmqIExpZmUgZ29pbmcgbm93aGVyZSw8YnIgLz5zb21lYm9keSBoZWxwIG1lLCB5ZWFoIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMzoyMi4zNjgiIGVuZD0iMDA6MDM6MjcuMzY4IiBzdHlsZT0iczIiPuKZqiBJJiMzOTttIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMzozMC40OTIiIGVuZD0iMDA6MDM6MzUuNDkyIiBzdHlsZT0iczIiPuKZqiBMaWZlIGdvaW5nIG5vd2hlcmUsIHNvbWVib2R5IGhlbHAgbWUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAzOjM1Ljc4MyIgZW5kPSIwMDowMzo0MC43ODMiIHN0eWxlPSJzMiI+4pmqIFNvbWVib2R5IGhlbHAgbWUsIHllYWgg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjAzOjQyLjA3MSIgZW5kPSIwMDowMzo0Ny4wNzEiIHN0eWxlPSJzMiI+4pmqIExpZmUgZ29pbmcgbm93aGVyZSw8YnIgLz5zb21lYm9keSBoZWxwIG1lLCB5ZWFoIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMzo0Ny44OTEiIGVuZD0iMDA6MDM6NTIuODkxIiBzdHlsZT0iczIiPuKZqiBJJiMzOTttIHN0YXlpbiYjMzk7IGFsaXZlIOKZqjwvcD4NCjxwIGJlZ2luPSIwMDowMzo1Ni4xMTciIGVuZD0iMDA6MDQ6MDEuMTE3IiBzdHlsZT0iczIiPuKZqiBMaWZlIGdvaW5nIG5vd2hlcmUsIHNvbWVib2R5IGhlbHAgbWUg4pmqPC9wPg0KPHAgYmVnaW49IjAwOjA0OjAxLjMwMiIgZW5kPSIwMDowNDowNC43MTkiIHN0eWxlPSJzMiI+4pmqIFNvbWVib2R5IGhlbHAgbWUsIHllYWgg4pmqPC9wPg0KPC9kaXY+DQo8L2JvZHk+DQo8L3R0Pg==', 'xx', 'caption', 'application/ttml+xml');

What did you expect to happen?
When the captions are over one line, they don't take up the entire player space.

What actually happened?
image

@FireMasterK FireMasterK added the type: bug Something isn't working correctly label Nov 6, 2021
@shaka-bot shaka-bot added this to the v3.3 milestone Nov 6, 2021
@theodab theodab added component: captions/subtitles The issue involves captions or subtitles priority: P2 Smaller impact or easy workaround labels Nov 11, 2021
theodab pushed a commit that referenced this issue Jan 10, 2022
@github-actions github-actions bot added the status: archived Archived and locked; will not be updated label Mar 11, 2022
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Mar 11, 2022
@avelad avelad modified the milestones: v3.3, v4.0 May 4, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
component: captions/subtitles The issue involves captions or subtitles priority: P2 Smaller impact or easy workaround status: archived Archived and locked; will not be updated type: bug Something isn't working correctly
Projects
None yet
4 participants