loliball/media3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support for CaptionStyle.edgeStyle to WebViewSubtitleOutput

Browse Source 
This is the last piece to bring feature parity between
WebViewSubtitleOutput and CanvasSubtitleOutput.

PiperOrigin-RevId: 311325749
This commit is contained in:
ibaker 2020-05-13 15:40:43 +01:00 committed by Oliver Woodman
parent 025a2c2b62
commit ba5871dd0e
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
library/ui/src/main/java/com/google/android/exoplayer2/ui/WebViewSubtitleOutput.java
View File

@ -39,9 +39,6 @@ import java.util.List;
*
* <p>This is useful for subtitle styling not supported by Android's native text libraries such as
* vertical text.
*
* <p>NOTE: This is currently extremely experimental and doesn't support most {@link Cue} styling
* properties.
*/
/* package */ final class WebViewSubtitleOutput extends FrameLayout implements SubtitleView.Output {
@ -136,9 +133,11 @@ import java.util.List;
+ "right:0;"
+ "color:%s;"
+ "font-size:%s;"
+ "text-shadow:%s;"
+ "'>",
HtmlUtils.toCssRgba(style.foregroundColor),
convertTextSizeToCss(defaultTextSizeType, defaultTextSize)));
convertTextSizeToCss(defaultTextSizeType, defaultTextSize),
convertCaptionStyleToCssTextShadow(style)));
String backgroundColorCss = HtmlUtils.toCssRgba(style.backgroundColor);
@ -282,6 +281,28 @@ import java.util.List;
return Util.formatInvariant("%.2fpx", sizeDp);
}
private static String convertCaptionStyleToCssTextShadow(CaptionStyleCompat style) {
switch (style.edgeType) {
case CaptionStyleCompat.EDGE_TYPE_DEPRESSED:
return Util.formatInvariant(
"-0.05em -0.05em 0.15em %s", HtmlUtils.toCssRgba(style.edgeColor));
case CaptionStyleCompat.EDGE_TYPE_DROP_SHADOW:
return Util.formatInvariant("0.1em 0.12em 0.15em %s", HtmlUtils.toCssRgba(style.edgeColor));
case CaptionStyleCompat.EDGE_TYPE_OUTLINE:
// -webkit-text-stroke makes the underlying text appear too narrow, so we 'fake' an edge
// outline using 4 text-shadows each offset by 1px in different directions.
return Util.formatInvariant(
"1px 1px 0 %1$s, 1px -1px 0 %1$s, -1px 1px 0 %1$s, -1px -1px 0 %1$s",
HtmlUtils.toCssRgba(style.edgeColor));
case CaptionStyleCompat.EDGE_TYPE_RAISED:
return Util.formatInvariant(
"0.06em 0.08em 0.15em %s", HtmlUtils.toCssRgba(style.edgeColor));
case CaptionStyleCompat.EDGE_TYPE_NONE:
default:
return "unset";
}
}
private static String convertVerticalTypeToCss(@Cue.VerticalType int verticalType) {
switch (verticalType) {
case Cue.VERTICAL_TYPE_LR: