FTP Online Client by APi™

Editing: csl-demo.html

<!DOCTYPE html>
<html>

<head>
	<title>Axinom Concurrent Stream Limiting (CSL) Demo Player</title>

#overlay-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 20px;
        text-align: center;
        pointer-events: none;
		visibility: hidden;
      }
    </style>
</head>

<body>
	<div class="container">
		<div class="row">
        	<div class="col-md-3">
				<div class="list-group">
					<a href="index.html" class="list-group-item">Axinom DRM Test Player</a>
					<a href="dash.html" class="list-group-item">Dash.js v4.7.4</a>
					<a href="shaka.html" class="list-group-item">Shaka v4.13.1</a>
					<a href="fairplay_streaming_sample_player.html" class="list-group-item">FairPlay</a>
					<a href="akamai.html" class="list-group-item">Akamai v9.1.3</a>
					<a href="visualon.html" class="list-group-item">VisualOn v3.40.0</a>
					<a href="theoplayer.html" class="list-group-item">THEOplayer</a>
					<a href="drminfo.html" class="list-group-item">DRM Info</a>
					<a href="csl-demo.html" class="list-group-item active">CSL Demo Player</a>
            	</div>
			</div>
			<div class="col-md-9">
				<div class="panel panel-default">
					<div class="panel-body">
						<h3>Axinom Concurrent Stream Limiting (CSL) Demo Player</h3>
						<p>The player is currently in a Beta state but already showcases the core functionality.</p>
						<div id ="video-container">
							<video id="video" width="640" controls poster="//www.axinom.com/images/og_img/og_img_axinom_about.png"></video>
							<div id="overlay-text"></div>
						</div>
						<div>
							<select id="playlist"></select>
						</div>
						<br>
						<div>
							<button onClick="onPlay()">Play</button>
							<button onClick="onStop()">Stop</button>
							<input type="checkbox" checked id="renewal-checkbox">Enable player-triggered renewals (needed with FairPlay and PlayReady)
						</div>
						
					</div>
				</div>
				<div id="text-container" style="display: none;">
					<div class="panel panel-default">
						<div class="panel-body">
							<div>
								<textarea id="textarea" readonly=true cols=108 rows=14 style="border:0;resize:none;"></textarea>
							</div>
						</div>
					</div>
				</div>	
			</div>
		</div>
	</div>

const playerConfiguration = {
			drm: {
				// Using "axtest" environment, until CSL is deployed into production.
				servers: { 'com.widevine.alpha': 'https://drm-widevine-licensing.axtest.net/AcquireLicense', 'com.microsoft.playready': 'https://drm-playready-licensing.axtest.net/AcquireLicense', 'com.apple.fps': 'https://drm-fairplay-licensing.axtest.net/AcquireLicense'},

advanced: { 
					'com.apple.fps': {
						'serverCertificateUri': 'https://vtb.axinom.com/FPScert/fairplay.cer'
					},
					'com.widevine.alpha': {
						'serverCertificateUri': 'https://drm-widevine-licensing.axprod.net/ServiceCertificate',
						'persistentStateRequired': true,
						'videoRobustness': 'SW_SECURE_CRYPTO'
					}
				},
				keySystemsMapping: {
					'com.microsoft.playready': 'com.microsoft.playready.recommendation'
				}
			}
		}

const renewalInterval = 60;
		const renewalGracePeriod = 10;
		
		let timerId = null;

function initApp() 
		{
			initPlaylist();
		}

function onPlay()
		{
			if (!shaka.Player.isBrowserSupported())
				throw new Error('Browser is not supported.')

// Required to work with FairPlay. With currently used (latest at the time)
			// Shaka, we can't "installAll", as it would include the EncryptionScheme 
			// polyfill, which for some reason breaks "cbcs" Widevine DASH playback.
			shaka.polyfill.MediaCapabilities.install();

initPlayer(getSelectedVideo());

document.getElementById('text-container').style.display = 'block';
		}
		
		function onStop()
		{
			destroyPlayer();
		}
		
		async function initPlayer(video) 
		{
			await destroyPlayer();

overlay.style.visibility = 'hidden';

const player = new shaka.Player();

player.configure(playerConfiguration);
			await player.attach(videoElement);

window.player = player;

player.addEventListener('error', onShakaError);

// For sending license token as header.
			player.getNetworkingEngine().registerRequestFilter(function(requestType, request) 
			{
				if (requestType === shaka.net.NetworkingEngine.RequestType.LICENSE) 
					request.headers['x-axdrm-message'] = video.licenseToken;
			});
			
			await player.load(video.url);
			
			timerId = setInterval(onTimerTick, 1*1000);
			
			videoElement.play();
		}

async function destroyPlayer() 
		{
			if (timerId)
				clearInterval(timerId);
				
			if (window.player)
				await window.player.destroy();
		}

function onTimerTick()
		{
			// Handles player-triggered license renewals.
			// - For Widevine, this should be disabled (from the GUI). Widevine handles
			//	 renewals internally.
			// - For PlayReady, this renews by creating new playback sessions, so we can
			//   request an additional license. PlayReady doesn't have a dedicated
			//  "renewal" concept.
			// - For FairPlay, this renews via the "renew" session update message, which
			//   FairPlay CDM supports.
			
			const drmEngine = window.player.drmEngine_;
			const activeSessions = drmEngine.activeSessions_;
			const currentKeySystem = player.drmInfo().keySystem;
			
			activeSessions.forEach(function(value, key) 
			{
				if (value.created == null)
					value.created = Date.now();
					
				if (value.isRenewed == null)
					value.isRenewed = false;

let age = Math.round((Date.now() - value.created) / 1000);
				
				if (currentKeySystem != "com.apple.fps" && age > (renewalInterval + renewalGracePeriod))
				{
					console.log("Closing expired session " + key.sessionId);
					key.close().catch(() => {});
				  activeSessions.delete(key);
				}

if (currentKeySystem != "com.apple.fps")
				{
					if (age > renewalInterval && value.isRenewed === false && renewalCheckbox.checked)
					{
						console.log("Renewing session " + key.sessionId);
						drmEngine.createSession(value.initDataType, value.initData, 'temporary');
						value.isRenewed = true;
					}
				} 
				else 
				{
					if (age > renewalInterval && renewalCheckbox.checked)
					{
						console.log("Renewing FairPlay session " + key.sessionId);
						value.created = Date.now()
						value.isRenewed = true;
						key.update(stringToUInt8Array("renew"));
					}
				}
			});

if (activeSessions.size > 0)
				console.log('Active sessions', activeSessions);
			
			updateTextarea();
		}
		
		function updateTextarea()
		{
			const activeSessions = window.player.drmEngine_.activeSessions_;
			let text = '';

text += `DRM used: ${window.player.keySystem()}\n`;
			text += `Renewal interval: ${renewalInterval}\n`;
			text += `Grace period: ${renewalGracePeriod}\n`;
			text += `Total license duration: ${renewalInterval + renewalGracePeriod}\n`;
			text += `EME sessions: ${activeSessions.size}\n`;
			
			activeSessions.forEach(function(value, key) 
			{
				const currentTime = Date.now();
				const age = Math.round((currentTime - value.created) / 1000);
				const renewedIn = renewalInterval - age;
				const removedIn = renewalInterval + renewalGracePeriod - age;
				const renewalText = (renewedIn >= 0 && renewalCheckbox.checked) ? `renewed in ${renewedIn}; ` : "";
				
				text += `  - ID: ${key.sessionId} (age: ${age}; ${renewalText}license expires in: ${removedIn})\n`;
				
				key.keyStatuses.forEach(function(value, key) 
				{
					let keyId = null;
					
					if (window.player.keySystem() === 'com.apple.fps')
					{
						arrayBufferToUtf8String(key)
					}
					else
					{
						keyId = arrayBufferToHex(key);
					}
					
					text += `    - KID: ${keyId}\n`;
				});
			});
			
			textarea.value = text;
		}
		
		function arrayBufferToHex(buffer)
		{
			return Array.prototype.map.call(new Uint8Array(buffer), byte => { return ('00' + byte.toString(16)).slice(-2); }).join('');
		}
		
		function arrayBufferToUtf8String(buffer)
		{
			var textDecoder = new TextDecoder("utf-8");
			var uint8array = new Uint8Array(buffer);

return textDecoder.decode(uint8array);
		}
		
		function uInt8ArrayToString(array) 
		{
			return String.fromCharCode.apply(null, array);
		}

// Ignore Widevine sessions expiring error.
			if (error.code != 6014)
				onError(error);
		
			// Gracefully handling CSL limit exceeded error response from license service.
            if (event.detail.data && event.detail.data.length > 0) {
                let responseHeaders = event.detail.data[0].data[3];
				
				let errorMessage = responseHeaders["x-axdrm-errormessage"];
				let errorCode = responseHeaders["x-axdrm-errorcode"];

// NB! Due to a bug, JavaScript currently can't see the ErrorCode response header.
				// Therefore, for now, let's rely on the error message. Otherwise, it's better to
				// rely on the error code.
				const CslLimitExceededErrorMessage = 'License denied. Concurrency limit exceeded.';

console.log("Error from license service: " + errorMessage)
				
				if (errorCode)
					console.log("Error code license service: " + errorCode)
					
				if (errorMessage == CslLimitExceededErrorMessage) 
				{
					const displayedError = "Concurrency Limit Exceeded";
					overlay.textContent = displayedError;
					overlay.style.visibility = 'visible';
					onStop();
				}
            }
		}

function onError(error) 
		{
			console.error('Error code', error.code, 'object', error);
		}
		
		document.addEventListener('DOMContentLoaded', initApp);
	</script>
</body>
</html>

❌ Cancel

Version	8.4.11
SAPI	litespeed
Operating System	Linux
Architecture	x86_64
Server Software	LiteSpeed
Document Root	/home/ftvlistl/ftponlineclient.ftvlist.live
Current Time	2025-12-09 15:39:19 CET
Timezone	Africa/Algiers

Memory Limit	2048M
Current Usage	2 MB
Peak Usage	2 MB
Max Execution Time	180s
Post Max Size	2048M
Upload Max Filesize	2048M
Max File Uploads	20

Total Space	892.42 GB
Free Space	459.12 GB
Used Space	433.3 GB

Zip	Loaded
Gd	Loaded
Curl	Loaded
Mbstring	Loaded
Json	Loaded
Openssl	Loaded
Pdo	Loaded
Mysqli	Loaded
Sqlite3	Loaded
Xml	Loaded
Fileinfo	Loaded
Exif	Loaded
Imagick	Not Available

Current Dir Writable	Yes
Current Dir Readable	Yes
Temp Directory	/tmp
Temp Dir Writable	Yes
Upload Tmp Dir	/tmp
Open Basedir	Not set
Safe Mode	Removed in PHP 5.4+

🗂️ FTP Online Client by APi™

🐘 PHP Information

💾 Memory & Limits

💿 Disk Space

🔧 PHP Extensions

📁 File System

🔒 Security Settings

🌐 Server Environment

🖥️ Client Information

Editing: csl-demo.html

Bulk Operations (0 selected)

Processing...

Allow URL fopen	Enabled
Allow URL include	Disabled
Display Errors	Off
Log Errors	On
Error Log	error_log
Expose PHP	Off

Server Name	ftponlineclient.ftvlist.live
Server Port	443
HTTPS	Enabled
Request Method	GET
Remote Address	216.73.216.26
Script Name	/index.php

🗂️ FTP Online Client by APi™

🐘 PHP Information

💾 Memory & Limits

💿 Disk Space

🔧 PHP Extensions

📁 File System

🔒 Security Settings

🌐 Server Environment

🖥️ Client Information

Editing: csl-demo.html

Bulk Operations (0 selected)

Processing...

Create New File

Create New Folder

Upload Files

Drag & Drop Files Here

Selected Files:

Upload Progress

Rename Item