Bug 184863 - [Modern Media Controls] Show a loading indicator after pressing the play button in compact mode
Summary: [Modern Media Controls] Show a loading indicator after pressing the play butt...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Antoine Quint
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-04-21 11:50 PDT by Antoine Quint
Modified: 2018-04-21 14:49 PDT (History)
4 users (show)

See Also:


Attachments
Patch (24.24 KB, patch)
2018-04-21 12:19 PDT, Antoine Quint
dino: review+
ews-watchlist: commit-queue-
Details | Formatted Diff | Diff
Archive of layout-test-results from ews103 for mac-sierra (2.41 MB, application/zip)
2018-04-21 13:05 PDT, EWS Watchlist
no flags Details
Archive of layout-test-results from ews107 for mac-sierra-wk2 (2.95 MB, application/zip)
2018-04-21 13:06 PDT, EWS Watchlist
no flags Details
Archive of layout-test-results from ews124 for ios-simulator-wk2 (8.33 MB, application/zip)
2018-04-21 13:55 PDT, EWS Watchlist
no flags Details
Archive of layout-test-results from ews116 for mac-sierra (2.99 MB, application/zip)
2018-04-21 14:12 PDT, EWS Watchlist
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Antoine Quint 2018-04-21 11:50:46 PDT
<rdar://problem/38939468>
Comment 1 Antoine Quint 2018-04-21 12:19:28 PDT
Created attachment 338530 [details]
Patch
Comment 2 Dean Jackson 2018-04-21 12:26:25 PDT
Comment on attachment 338530 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=338530&action=review

Where is the test?

> Source/WebCore/ChangeLog:18
> +        8 frames and then a continuously looping animation going through the remaining frames. We use a frames()

first serious use of frames()? nice.

> Source/WebCore/Modules/modern-media-controls/controls/compact-activity-indicator.css:33
> +    /* There are 23 frames in the sprite. */
> +    -webkit-mask-size: 2300% 100%;

If you want fully amazing CSS here.... --num-frames: 23; -webkit-mask-size: calc(var(--num-frames) * 100%) 100%;
Comment 3 EWS Watchlist 2018-04-21 13:05:19 PDT
Comment on attachment 338530 [details]
Patch

Attachment 338530 [details] did not pass mac-ews (mac):
Output: http://webkit-queues.webkit.org/results/7397920

New failing tests:
media/modern-media-controls/compact-media-controls/compact-media-controls-layout.html
media/modern-media-controls/compact-media-controls/compact-media-controls-constructor.html
Comment 4 EWS Watchlist 2018-04-21 13:05:20 PDT
Created attachment 338533 [details]
Archive of layout-test-results from ews103 for mac-sierra

The attached test failures were seen while running run-webkit-tests on the mac-ews.
Bot: ews103  Port: mac-sierra  Platform: Mac OS X 10.12.6
Comment 5 EWS Watchlist 2018-04-21 13:06:56 PDT
Comment on attachment 338530 [details]
Patch

Attachment 338530 [details] did not pass mac-wk2-ews (mac-wk2):
Output: http://webkit-queues.webkit.org/results/7397903

New failing tests:
media/modern-media-controls/compact-media-controls/compact-media-controls-layout.html
media/modern-media-controls/compact-media-controls/compact-media-controls-constructor.html
Comment 6 EWS Watchlist 2018-04-21 13:06:57 PDT
Created attachment 338535 [details]
Archive of layout-test-results from ews107 for mac-sierra-wk2

The attached test failures were seen while running run-webkit-tests on the mac-wk2-ews.
Bot: ews107  Port: mac-sierra-wk2  Platform: Mac OS X 10.12.6
Comment 7 EWS Watchlist 2018-04-21 13:55:31 PDT
Comment on attachment 338530 [details]
Patch

Attachment 338530 [details] did not pass ios-sim-ews (ios-simulator-wk2):
Output: http://webkit-queues.webkit.org/results/7398184

New failing tests:
media/modern-media-controls/compact-media-controls/compact-media-controls-layout.html
media/modern-media-controls/compact-media-controls/compact-media-controls-constructor.html
Comment 8 EWS Watchlist 2018-04-21 13:55:32 PDT
Created attachment 338537 [details]
Archive of layout-test-results from ews124 for ios-simulator-wk2

The attached test failures were seen while running run-webkit-tests on the ios-sim-ews.
Bot: ews124  Port: ios-simulator-wk2  Platform: Mac OS X 10.13.4
Comment 9 EWS Watchlist 2018-04-21 14:12:25 PDT
Comment on attachment 338530 [details]
Patch

Attachment 338530 [details] did not pass mac-debug-ews (mac):
Output: http://webkit-queues.webkit.org/results/7398251

New failing tests:
media/modern-media-controls/compact-media-controls/compact-media-controls-layout.html
media/modern-media-controls/compact-media-controls/compact-media-controls-constructor.html
Comment 10 EWS Watchlist 2018-04-21 14:12:27 PDT
Created attachment 338538 [details]
Archive of layout-test-results from ews116 for mac-sierra

The attached test failures were seen while running run-webkit-tests on the mac-debug-ews.
Bot: ews116  Port: mac-sierra  Platform: Mac OS X 10.12.6
Comment 11 Antoine Quint 2018-04-21 14:42:44 PDT
(In reply to Dean Jackson from comment #2)
> Comment on attachment 338530 [details]
> Patch
> 
> View in context:
> https://bugs.webkit.org/attachment.cgi?id=338530&action=review
> 
> Where is the test?
> 
> > Source/WebCore/ChangeLog:18
> > +        8 frames and then a continuously looping animation going through the remaining frames. We use a frames()
> 
> first serious use of frames()? nice.

In WebKit source? Probably.

> > Source/WebCore/Modules/modern-media-controls/controls/compact-activity-indicator.css:33
> > +    /* There are 23 frames in the sprite. */
> > +    -webkit-mask-size: 2300% 100%;
> 
> If you want fully amazing CSS here.... --num-frames: 23; -webkit-mask-size:
> calc(var(--num-frames) * 100%) 100%;

Hell yeah. That's going into the patch for landing.
Comment 12 Antoine Quint 2018-04-21 14:49:12 PDT
Committed r230895: <https://trac.webkit.org/changeset/230895>