feat: picture in picture

[kitayoshi]

Picture in Picture for supported broswer

pip button

pip enabled

Description

• Add a PipButtonItem and icons for it
• Add a simple utils/pip.js to implement pip feature
• Add ENTER_PIP and EXIT_PIP events

How Has This Been Tested?

Tested in Safari 13.1.1 and Chrome 84.0 on macOS 10.15.5

• enter pip by click button
• exit pip by click button
• exit pip by native button

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules

[codecov-commenter]

Codecov Report

Merging #136 into master will decrease coverage by 0.84%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master     #136      +/-   ##
==========================================
- Coverage   50.50%   49.66%   -0.85%     
==========================================
  Files         124      126       +2     
  Lines        1770     1800      +30     
==========================================
  Hits          894      894              
- Misses        876      906      +30     

Impacted Files	Coverage Δ
...s/griffith/src/components/Controller/Controller.js	0.00% <ø> (ø)
...h/src/components/Controller/items/PipButtonItem.js	0.00% <0.00%> (ø)
packages/griffith/src/components/Player/Player.js	0.00% <0.00%> (ø)
.../src/components/PlayerContainer/PlayerContainer.js	0.00% <ø> (ø)
packages/griffith/src/utils/pip.js	0.00% <0.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fa3a8fd...d3854bd. Read the comment docs.