arte-video-player v5.16.0-beta.0

ARTE Video Player

Release workflow

Make sure you are confident with gitflow (gitflow)

Make sure you are confident with semver (semver) and Semantic Versioning

you CWD has to be clean, develop branch is ready

npm run arteVp:release -- --release-as minor --prerelease beta && npm run arteVp:publish

Local dev

you must put the same version level for "@arte/arte-vp" in :

file : arte_vp/package.json, version
file : Player-iframe/package.json, dependencies.@arte/arte-vp

Then in both folders run npm install

In arte_vp npm start

In Player-Iframe

npm run install_all
npm run link_arte_vp
npm start

ARTE VP DEBUG Chrome extension : https://chrome.google.com/webstore/detail/arte-video-player-debugge/iehlfpbomjcopamkckemliiohkiplkfa?hl=fr

Load css files

<link rel='stylesheet' href='//static-cdn.arte.tv/static/styleguide/3.64.3/asg/main.css' type='text/css' />
<link rel="stylesheet" type="text/css" href="//static-cdn.arte.tv/player/v5/static/{VERSION}/css/arte.css" />

Load js files

<script data-helmet="true" src="//static-cdn.arte.tv/static/styleguide/asg-polyfills.min.js"></script>
<script src='//static-cdn.arte.tv/static/styleguide/3.64.3/asg/main.js'></script>

Unit player

import React from 'react';
import ArteVp from '@arte/arte-vp';

class MyComponent extends React.Component {
    render() {
        return (
            <ArteVp
                jsonUrl='https://api.arte.tv/api/player/v2/config/fr/081632-017-A'
                lang='fr_FR'
                autostart='1'
                mute='1'
            />
        );
    }
}

Collection player

import React from 'react';
import ArteVp from '@arte/arte-vp';

class MyComponent extends React.Component {
    render() {
        return (
            <ArteVp
                jsonUrl='https://api.arte.tv/api/player/v2/illico/fr'
                lang='fr_FR'
                autostart='1'
                mute='1'
            />
        );
    }
}

Migrate from V4 to V5

General : Use API Player v2 data structure : https://wiki.strg.arte/display/AOA/Specifications JsonUrl prop is now used for both unit video data and collection data

Iframe integration : IFrame URL should now use "v5" in URL instead of "v3" "config" query param can be removed * "json_playlist_url" query param value can be given to "json_url" query param

Reminders

• Android Samsung Browser : jwPlayer force "autostart" to "false" in it's config
• Since 4.6.0 it's the integrator responsability to load stats JS libs such as e-Stat etc