simorgh icon indicating copy to clipboard operation
simorgh copied to clipboard

WSTEAM1-493: POC Bump Media Player

Open shayneahchoon opened this issue 1 year ago • 3 comments

Resolves JIRA WSTEAM1-493

Overall changes

Adds a dynamic Media Player component that loads the correct embedded media player for a user device. Article Page: Screenshot 2023-12-22 at 11 51 17

Live Page: Screenshot 2023-12-28 at 16 14 04

Code changes

  • An EMP loader has been added here src/app/components/MediaPlayer/index.tsx
  • A BUMP settings builder has been added here /src/app/components/MediaPlayer/utils/buildSettings.ts
  • Parameter extractor functions have been modified to fit BUMP requirements here src/app/legacy/containers/MediaPlayer/helpers/propsInference/default/index.js
  • Added the EMP loader to LivePage

Testing

  1. For localhost:
  2. In your terminal, run sudo -- sh -c -e "echo '127.0.0.1 localhost.bbc.com' >> /etc/hosts";.
  3. For the Express app: Go to http://localhost.bbc.com:7080/afaanoromoo/articles/c4g19kgl85ko and check that the video loads.
  4. For the NextJS app: Go to http://localhost.bbc.com:7081/pidgin/live/c7p765ynk9qt?renderer_env=test and check that the video loads.

Helpful Links

Add Links to useful resources related to this PR if applicable.

Coding Standards

Repository use guidelines

shayneahchoon avatar Dec 28 '23 17:12 shayneahchoon

Nice! Just to check my understanding, the BUMP module points to just the standard SMP by default not the Toucan one? And we need the Toucan one for vertical video right ? (dont know much about this planned work)

emilysaffron avatar Jan 02 '24 11:01 emilysaffron

Nice! Just to check my understanding, the BUMP module points to just the standard SMP by default not the Toucan one? And we need the Toucan one for vertical video right ? (dont know much about this planned work)

Ello, we can request that it returns the Toucan player with adequate ease.

shayneahchoon avatar Jan 04 '24 14:01 shayneahchoon

I think the general approach here looks great. Some areas where we could tighten it up when productionising, but the overall implementation is exactly what we're after. Great job!

amoore108 avatar Jan 08 '24 09:01 amoore108

@shayneahchoon Can this be closed out in favour of your other branch?

amoore108 avatar Feb 27 '24 16:02 amoore108