1 /*
2 * Copyright (C) 2009 Apple Inc.
3 * Copyright (C) 2009 Google Inc.
4 * All rights reserved.
5 *
6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions
8 * are met:
9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer.
11 * 2. Redistributions in binary form must reproduce the above copyright
12 * notice, this list of conditions and the following disclaimer in the
13 * documentation and/or other materials provided with the distribution.
14 *
15 * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
16 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
17 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
18 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
19 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
20 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
21 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
22 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
23 * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
24 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
25 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
26 */
27
28 #include "config.h"
29 #include "core/rendering/RenderMediaControls.h"
30
31 #include "bindings/v8/ExceptionStatePlaceholder.h"
32 #include "core/html/HTMLMediaElement.h"
33 #include "core/html/TimeRanges.h"
34 #include "core/rendering/PaintInfo.h"
35 #include "platform/graphics/Gradient.h"
36 #include "platform/graphics/GraphicsContext.h"
37
38 namespace WebCore {
39
40 typedef WTF::HashMap<const char*, Image*> MediaControlImageMap;
41 static MediaControlImageMap* gMediaControlImageMap = 0;
42
platformResource(const char * name)43 static Image* platformResource(const char* name)
44 {
45 if (!gMediaControlImageMap)
46 gMediaControlImageMap = new MediaControlImageMap();
47 if (Image* image = gMediaControlImageMap->get(name))
48 return image;
49 if (Image* image = Image::loadPlatformResource(name).leakRef()) {
50 gMediaControlImageMap->set(name, image);
51 return image;
52 }
53 ASSERT_NOT_REACHED();
54 return 0;
55 }
56
hasSource(const HTMLMediaElement * mediaElement)57 static bool hasSource(const HTMLMediaElement* mediaElement)
58 {
59 return mediaElement->networkState() != HTMLMediaElement::NETWORK_EMPTY
60 && mediaElement->networkState() != HTMLMediaElement::NETWORK_NO_SOURCE;
61 }
62
paintMediaButton(GraphicsContext * context,const IntRect & rect,Image * image)63 static bool paintMediaButton(GraphicsContext* context, const IntRect& rect, Image* image)
64 {
65 context->drawImage(image, rect);
66 return true;
67 }
68
paintMediaMuteButton(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)69 static bool paintMediaMuteButton(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
70 {
71 HTMLMediaElement* mediaElement = toParentMediaElement(object);
72 if (!mediaElement)
73 return false;
74
75 static Image* soundLevel3 = platformResource("mediaplayerSoundLevel3");
76 static Image* soundLevel2 = platformResource("mediaplayerSoundLevel2");
77 static Image* soundLevel1 = platformResource("mediaplayerSoundLevel1");
78 static Image* soundLevel0 = platformResource("mediaplayerSoundLevel0");
79 static Image* soundDisabled = platformResource("mediaplayerSoundDisabled");
80
81 if (!hasSource(mediaElement) || !mediaElement->hasAudio())
82 return paintMediaButton(paintInfo.context, rect, soundDisabled);
83
84 if (mediaElement->muted() || mediaElement->volume() <= 0)
85 return paintMediaButton(paintInfo.context, rect, soundLevel0);
86
87 if (mediaElement->volume() <= 0.33)
88 return paintMediaButton(paintInfo.context, rect, soundLevel1);
89
90 if (mediaElement->volume() <= 0.66)
91 return paintMediaButton(paintInfo.context, rect, soundLevel2);
92
93 return paintMediaButton(paintInfo.context, rect, soundLevel3);
94 }
95
paintMediaPlayButton(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)96 static bool paintMediaPlayButton(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
97 {
98 HTMLMediaElement* mediaElement = toParentMediaElement(object);
99 if (!mediaElement)
100 return false;
101
102 static Image* mediaPlay = platformResource("mediaplayerPlay");
103 static Image* mediaPause = platformResource("mediaplayerPause");
104 static Image* mediaPlayDisabled = platformResource("mediaplayerPlayDisabled");
105
106 if (!hasSource(mediaElement))
107 return paintMediaButton(paintInfo.context, rect, mediaPlayDisabled);
108
109 return paintMediaButton(paintInfo.context, rect, mediaControlElementType(object->node()) == MediaPlayButton ? mediaPlay : mediaPause);
110 }
111
paintMediaOverlayPlayButton(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)112 static bool paintMediaOverlayPlayButton(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
113 {
114 HTMLMediaElement* mediaElement = toParentMediaElement(object);
115 if (!mediaElement)
116 return false;
117
118 if (!hasSource(mediaElement) || !mediaElement->togglePlayStateWillPlay())
119 return false;
120
121 static Image* mediaOverlayPlay = platformResource("mediaplayerOverlayPlay");
122 return paintMediaButton(paintInfo.context, rect, mediaOverlayPlay);
123 }
124
getMediaSliderThumb()125 static Image* getMediaSliderThumb()
126 {
127 static Image* mediaSliderThumb = platformResource("mediaplayerSliderThumb");
128 return mediaSliderThumb;
129 }
130
paintRoundedSliderBackground(const IntRect & rect,const RenderStyle * style,GraphicsContext * context)131 static void paintRoundedSliderBackground(const IntRect& rect, const RenderStyle* style, GraphicsContext* context)
132 {
133 int borderRadius = rect.height() / 2;
134 IntSize radii(borderRadius, borderRadius);
135 Color sliderBackgroundColor = Color(11, 11, 11);
136 context->fillRoundedRect(rect, radii, radii, radii, radii, sliderBackgroundColor);
137 }
138
paintSliderRangeHighlight(const IntRect & rect,const RenderStyle * style,GraphicsContext * context,int startPosition,int endPosition,Color startColor,Color endColor)139 static void paintSliderRangeHighlight(const IntRect& rect, const RenderStyle* style, GraphicsContext* context, int startPosition, int endPosition, Color startColor, Color endColor)
140 {
141 // Calculate border radius; need to avoid being smaller than half the slider height
142 // because of https://bugs.webkit.org/show_bug.cgi?id=30143.
143 int borderRadius = rect.height() / 2;
144 IntSize radii(borderRadius, borderRadius);
145
146 // Calculate highlight rectangle and edge dimensions.
147 int startOffset = startPosition;
148 int endOffset = rect.width() - endPosition;
149 int rangeWidth = endPosition - startPosition;
150
151 if (rangeWidth <= 0)
152 return;
153
154 // Make sure the range width is bigger than border radius at the edges to retain rounded corners.
155 if (startOffset < borderRadius && rangeWidth < borderRadius)
156 rangeWidth = borderRadius;
157 if (endOffset < borderRadius && rangeWidth < borderRadius)
158 rangeWidth = borderRadius;
159
160 // Set rectangle to highlight range.
161 IntRect highlightRect = rect;
162 highlightRect.move(startOffset, 0);
163 highlightRect.setWidth(rangeWidth);
164
165 // Don't bother drawing an empty area.
166 if (highlightRect.isEmpty())
167 return;
168
169 // Calculate white-grey gradient.
170 IntPoint sliderTopLeft = highlightRect.location();
171 IntPoint sliderBottomLeft = sliderTopLeft;
172 sliderBottomLeft.move(0, highlightRect.height());
173 RefPtr<Gradient> gradient = Gradient::create(sliderTopLeft, sliderBottomLeft);
174 gradient->addColorStop(0.0, startColor);
175 gradient->addColorStop(1.0, endColor);
176
177 // Fill highlight rectangle with gradient, potentially rounded if on left or right edge.
178 context->save();
179 context->setFillGradient(gradient);
180
181 if (startOffset < borderRadius && endOffset < borderRadius)
182 context->fillRoundedRect(highlightRect, radii, radii, radii, radii, startColor);
183 else if (startOffset < borderRadius)
184 context->fillRoundedRect(highlightRect, radii, IntSize(0, 0), radii, IntSize(0, 0), startColor);
185 else if (endOffset < borderRadius)
186 context->fillRoundedRect(highlightRect, IntSize(0, 0), radii, IntSize(0, 0), radii, startColor);
187 else
188 context->fillRect(highlightRect);
189
190 context->restore();
191 }
192
193 const int mediaSliderThumbWidth = 32;
194
paintMediaSlider(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)195 static bool paintMediaSlider(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
196 {
197 HTMLMediaElement* mediaElement = toParentMediaElement(object);
198 if (!mediaElement)
199 return false;
200
201 RenderStyle* style = object->style();
202 GraphicsContext* context = paintInfo.context;
203
204 paintRoundedSliderBackground(rect, style, context);
205
206 // Draw the buffered range. Since the element may have multiple buffered ranges and it'd be
207 // distracting/'busy' to show all of them, show only the buffered range containing the current play head.
208 RefPtr<TimeRanges> bufferedTimeRanges = mediaElement->buffered();
209 float duration = mediaElement->duration();
210 float currentTime = mediaElement->currentTime();
211 if (std::isnan(duration) || std::isinf(duration) || !duration || std::isnan(currentTime))
212 return true;
213
214 for (unsigned i = 0; i < bufferedTimeRanges->length(); ++i) {
215 float start = bufferedTimeRanges->start(i, ASSERT_NO_EXCEPTION);
216 float end = bufferedTimeRanges->end(i, ASSERT_NO_EXCEPTION);
217 if (std::isnan(start) || std::isnan(end) || start > currentTime || end < currentTime)
218 continue;
219 int startPosition = int(start * rect.width() / duration);
220 int currentPosition = int(currentTime * rect.width() / duration);
221 int endPosition = int(end * rect.width() / duration);
222
223 // Add half the thumb width proportionally adjusted to the current painting position.
224 int thumbCenter = mediaSliderThumbWidth / 2;
225 int addWidth = thumbCenter * (1.0 - 2.0 * currentPosition / rect.width());
226 currentPosition += addWidth;
227
228 // Draw white-ish highlight before current time.
229 Color startColor = Color(195, 195, 195);
230 Color endColor = Color(217, 217, 217);
231 if (currentPosition > startPosition)
232 paintSliderRangeHighlight(rect, style, context, startPosition, currentPosition, startColor, endColor);
233
234 // Draw grey-ish highlight after current time.
235 startColor = Color(60, 60, 60);
236 endColor = Color(76, 76, 76);
237
238 if (endPosition > currentPosition)
239 paintSliderRangeHighlight(rect, style, context, currentPosition, endPosition, startColor, endColor);
240
241 return true;
242 }
243
244 return true;
245 }
246
paintMediaSliderThumb(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)247 static bool paintMediaSliderThumb(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
248 {
249 ASSERT(object->node());
250 HTMLMediaElement* mediaElement = toParentMediaElement(object->node()->shadowHost());
251 if (!mediaElement)
252 return false;
253
254 if (!hasSource(mediaElement))
255 return true;
256
257 Image* mediaSliderThumb = getMediaSliderThumb();
258 return paintMediaButton(paintInfo.context, rect, mediaSliderThumb);
259 }
260
261 const int mediaVolumeSliderThumbWidth = 24;
262
paintMediaVolumeSlider(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)263 static bool paintMediaVolumeSlider(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
264 {
265 HTMLMediaElement* mediaElement = toParentMediaElement(object);
266 if (!mediaElement)
267 return false;
268
269 GraphicsContext* context = paintInfo.context;
270 RenderStyle* style = object->style();
271
272 paintRoundedSliderBackground(rect, style, context);
273
274 // Calculate volume position for white background rectangle.
275 float volume = mediaElement->volume();
276 if (std::isnan(volume) || volume < 0)
277 return true;
278 if (volume > 1)
279 volume = 1;
280 if (!hasSource(mediaElement) || !mediaElement->hasAudio() || mediaElement->muted())
281 volume = 0;
282
283 // Calculate the position relative to the center of the thumb.
284 float fillWidth = 0;
285 if (volume > 0) {
286 float thumbCenter = mediaVolumeSliderThumbWidth / 2;
287 float zoomLevel = style->effectiveZoom();
288 float positionWidth = volume * (rect.width() - (zoomLevel * thumbCenter));
289 fillWidth = positionWidth + (zoomLevel * thumbCenter / 2);
290 }
291
292 Color startColor = Color(195, 195, 195);
293 Color endColor = Color(217, 217, 217);
294
295 paintSliderRangeHighlight(rect, style, context, 0.0, fillWidth, startColor, endColor);
296
297 return true;
298 }
299
paintMediaVolumeSliderThumb(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)300 static bool paintMediaVolumeSliderThumb(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
301 {
302 ASSERT(object->node());
303 HTMLMediaElement* mediaElement = toParentMediaElement(object->node()->shadowHost());
304 if (!mediaElement)
305 return false;
306
307 if (!hasSource(mediaElement) || !mediaElement->hasAudio())
308 return true;
309
310 static Image* mediaVolumeSliderThumb = platformResource("mediaplayerVolumeSliderThumb");
311 return paintMediaButton(paintInfo.context, rect, mediaVolumeSliderThumb);
312 }
313
paintMediaFullscreenButton(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)314 static bool paintMediaFullscreenButton(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
315 {
316 HTMLMediaElement* mediaElement = toParentMediaElement(object);
317 if (!mediaElement)
318 return false;
319
320 static Image* mediaFullscreenButton = platformResource("mediaplayerFullscreen");
321 return paintMediaButton(paintInfo.context, rect, mediaFullscreenButton);
322 }
323
paintMediaToggleClosedCaptionsButton(RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)324 static bool paintMediaToggleClosedCaptionsButton(RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
325 {
326 HTMLMediaElement* mediaElement = toParentMediaElement(object);
327 if (!mediaElement)
328 return false;
329
330 static Image* mediaClosedCaptionButton = platformResource("mediaplayerClosedCaption");
331 static Image* mediaClosedCaptionButtonDisabled = platformResource("mediaplayerClosedCaptionDisabled");
332
333 if (mediaElement->closedCaptionsVisible())
334 return paintMediaButton(paintInfo.context, rect, mediaClosedCaptionButton);
335
336 return paintMediaButton(paintInfo.context, rect, mediaClosedCaptionButtonDisabled);
337 }
338
339
paintMediaControlsPart(MediaControlElementType part,RenderObject * object,const PaintInfo & paintInfo,const IntRect & rect)340 bool RenderMediaControls::paintMediaControlsPart(MediaControlElementType part, RenderObject* object, const PaintInfo& paintInfo, const IntRect& rect)
341 {
342 switch (part) {
343 case MediaMuteButton:
344 case MediaUnMuteButton:
345 return paintMediaMuteButton(object, paintInfo, rect);
346 case MediaPauseButton:
347 case MediaPlayButton:
348 return paintMediaPlayButton(object, paintInfo, rect);
349 case MediaShowClosedCaptionsButton:
350 return paintMediaToggleClosedCaptionsButton(object, paintInfo, rect);
351 case MediaSlider:
352 return paintMediaSlider(object, paintInfo, rect);
353 case MediaSliderThumb:
354 return paintMediaSliderThumb(object, paintInfo, rect);
355 case MediaVolumeSlider:
356 return paintMediaVolumeSlider(object, paintInfo, rect);
357 case MediaVolumeSliderThumb:
358 return paintMediaVolumeSliderThumb(object, paintInfo, rect);
359 case MediaEnterFullscreenButton:
360 case MediaExitFullscreenButton:
361 return paintMediaFullscreenButton(object, paintInfo, rect);
362 case MediaOverlayPlayButton:
363 return paintMediaOverlayPlayButton(object, paintInfo, rect);
364 case MediaVolumeSliderContainer:
365 case MediaTimelineContainer:
366 case MediaCurrentTimeDisplay:
367 case MediaTimeRemainingDisplay:
368 case MediaControlsPanel:
369 case MediaStatusDisplay:
370 case MediaHideClosedCaptionsButton:
371 case MediaTextTrackDisplayContainer:
372 case MediaTextTrackDisplay:
373 case MediaFullScreenVolumeSlider:
374 case MediaFullScreenVolumeSliderThumb:
375 ASSERT_NOT_REACHED();
376 break;
377 }
378 return false;
379 }
380
381 const int mediaSliderThumbHeight = 24;
382 const int mediaVolumeSliderThumbHeight = 24;
383
adjustMediaSliderThumbSize(RenderStyle * style)384 void RenderMediaControls::adjustMediaSliderThumbSize(RenderStyle* style)
385 {
386 static Image* mediaSliderThumb = platformResource("mediaplayerSliderThumb");
387 static Image* mediaVolumeSliderThumb = platformResource("mediaplayerVolumeSliderThumb");
388 int width = 0;
389 int height = 0;
390
391 Image* thumbImage = 0;
392 if (style->appearance() == MediaSliderThumbPart) {
393 thumbImage = mediaSliderThumb;
394 width = mediaSliderThumbWidth;
395 height = mediaSliderThumbHeight;
396 } else if (style->appearance() == MediaVolumeSliderThumbPart) {
397 thumbImage = mediaVolumeSliderThumb;
398 width = mediaVolumeSliderThumbWidth;
399 height = mediaVolumeSliderThumbHeight;
400 }
401
402 float zoomLevel = style->effectiveZoom();
403 if (thumbImage) {
404 style->setWidth(Length(static_cast<int>(width * zoomLevel), Fixed));
405 style->setHeight(Length(static_cast<int>(height * zoomLevel), Fixed));
406 }
407 }
408
formatChromiumMediaControlsTime(float time,float duration)409 static String formatChromiumMediaControlsTime(float time, float duration)
410 {
411 if (!std::isfinite(time))
412 time = 0;
413 if (!std::isfinite(duration))
414 duration = 0;
415 int seconds = static_cast<int>(fabsf(time));
416 int hours = seconds / (60 * 60);
417 int minutes = (seconds / 60) % 60;
418 seconds %= 60;
419
420 // duration defines the format of how the time is rendered
421 int durationSecs = static_cast<int>(fabsf(duration));
422 int durationHours = durationSecs / (60 * 60);
423 int durationMins = (durationSecs / 60) % 60;
424
425 if (durationHours || hours)
426 return String::format("%s%01d:%02d:%02d", (time < 0 ? "-" : ""), hours, minutes, seconds);
427 if (durationMins > 9)
428 return String::format("%s%02d:%02d", (time < 0 ? "-" : ""), minutes, seconds);
429
430 return String::format("%s%01d:%02d", (time < 0 ? "-" : ""), minutes, seconds);
431 }
432
formatMediaControlsTime(float time)433 String RenderMediaControls::formatMediaControlsTime(float time)
434 {
435 return formatChromiumMediaControlsTime(time, time);
436 }
437
formatMediaControlsCurrentTime(float currentTime,float duration)438 String RenderMediaControls::formatMediaControlsCurrentTime(float currentTime, float duration)
439 {
440 return formatChromiumMediaControlsTime(currentTime, duration);
441 }
442
443 } // namespace WebCore
444