data-skeptic / dataskeptic.com

Source code for dataskeptic.com
https://dataskeptic.com
15 stars 5 forks source link

Player Logic Improvements #721

Closed hlib-lozhkovyi closed 6 years ago

hlib-lozhkovyi commented 6 years ago

Fixes #714, #716, #715

This is small but important player update I'd like to describe fully.

  1. Responsive layout for mini player

Resolved wrapping issue, improved layout rendering performance.

See in action (GIF)

![mcfx7w3inv](https://user-images.githubusercontent.com/20016615/40788451-c58573cc-64f8-11e8-98d6-c13886745c17.gif) ---


  1. Forcing httpS mannualy in the player

PlayerContainer directly replace mp3 link to be sure


  1. Improved position memorization logic

From now we memorize player position for each episode. In other words, user going to listen the episode from the previous position with global site config (volume level for now)

Switching episodes demo (GIF)

![thk26vztru](https://user-images.githubusercontent.com/20016615/40788932-e5083d0a-64f9-11e8-9654-ce6d194c22b3.gif) ---


  1. Improved x logic

There is a few cases of x logic:

– User listen the episode and refresh/close the page On back, user see the player on the same state (playing, position, volume)

– User listen the episode and pause it Site will show again the player with pause mode with the same config

– User listen the episode and click x Site will memorize volume level, but will not show the player on back.

Refreshing the page cases demo (GIF)

![rkfqisbth0](https://user-images.githubusercontent.com/20016615/40789437-182f40a6-64fb-11e8-9744-47ee046d3d74.gif) ---


Note: Maybe, I'm expect to have some issues with bonus audio episodes, wich also use the mini player, so let's test this case as well