How to use Cypress with encrypted streaming?
I won’t waste your time by explaining why Cypress is an amazing framework, and why you should have automated E2E tests. If you are here, it is because you already know all of this.
We decided to adopt Cypress to build an automated test suite to avoid regressions, increase the developer’s confidence, and maintain a stable codebase. After a few tests, we hit a stumbling block.
We weren’t able to test our players and our content because our clients use DRM content (CypressGitHub issue).
Browsers use External Components like “Widevine Content Decryption Module” to resolve DRM content. In Cypress, however, all the browser external components are disabled.
This will cause an exception in the Players while it’s resolving the content.
As you can imagine, for a streaming app it is crucial to be able to test the players and their logic, and this put us in front of a tough decision, give up on Cypress and automated tests, or find a solution!
How do we handle that?
After hours of crazy research and days of frustration, we came up with a simple question:
Do we really need it?
In our tests, we usually stream video content in order to check some business logic or to assert that the player is acting as intended. (We are not testing the actual encoding of the content or similar).
Then we faced the ugly/beautiful truth. No, you don’t need a DRM content to test that!
When we came to this mind blowing conclusion, we decided to mock the service that returns all the streaming information.
We created a JSON file to mock the streaming information that will use a clear content “Big Buck Bunny: the Dark Truths”
And stub the service that returns the streaming information in our tests:
And voilà, you are ready to stream 🍿
Note: Our projects are using Cypress v3.2.2, at the time of writing.
The Norigin Spatial Navigation library eases the effort needed to develop navigation logic on websites & apps, controlled by your keyboard (browsers) or remote controls (Smart TV or Connected TV)
If you plan to develop or build apps on Samsung Tizen SmartTVs you will need to know how one installs the development IDE from Samsung; Tizen Studio. And believe me, it is not a piece of cake to get it working!
In this article, we will develop a simple streaming app on AndroidTV using React Native, and see how we can manage focus navigation. We will also go into detail about some limitations that the standard navigation has, and some ways to mitigate them.
Norigin Media has open sourced part of its TV App Framework for developers building TV Apps on Smart TVs or web-browsers. The Norigin Spatial Navigation library can be used to implement Key-Navigation or Remote-Control navigation on react based web applications.
Riivi, the OTT streaming service provider in Latin America, has chosen Norigin Media for quality assured Smart TV applications.
The Nordic TV Week, scheduled between 3-7 May 2021, will feature live presentations of popular Nordic TV streaming services from a technology and UI/UX design perspective.