Merge pull request #193 from bitmovin/feature/support-web

Platform support for web

.metadata

@@ -1,26 +1,29 @@
 # This file tracks properties of this Flutter project.
 # Used by Flutter tool to assess capabilities and perform upgrades etc.
 #
-# This file should be version controlled.
+# This file should be version controlled and should not be manually edited.
 
 version:
-  revision: 7048ed95a5ad3e43d697e0c397464193991fc230
-  channel: stable
+  revision: "dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668"
+  channel: "stable"
 
 project_type: plugin
 
 # Tracks metadata for the flutter migrate command
 migration:
   platforms:
     - platform: root
-      create_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
-      base_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
+      create_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
+      base_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
     - platform: android
-      create_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
-      base_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
+      create_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
+      base_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
     - platform: ios
-      create_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
-      base_revision: 7048ed95a5ad3e43d697e0c397464193991fc230
+      create_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
+      base_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
+    - platform: web
+      create_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
+      base_revision: dec2ee5c1f98f8e84a7d5380c05eb8a3d0a81668
 
   # User provided section
 

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [Unreleased]
+- Introduce platform support for web.
+  - Supported API calls: `loadSource(source)`, `play`, `pause`, `mute`, `unmute`, `seek(time)`, `timeShift(timeShift)`, `getCurrentTime`, `getTimeShift`, `getDuration`, `getMaxTimeShift`, `isLive`, `isPlaying`, `isAirplayActive`, `isAirplayAvailable`, `castVideo`, `castStop`, `isCastAvailable`, `isCasting`, `showAirPlayTargetPicker`, `destroy`
+  - Supported events: `play`,`playing`,`paused`,`timeChanged`,`seek`,`seeked`,`timeShift`,`timeShifted`,`playbackFinished`,`error`,`muted`,`unmuted`,`warning`,`ready`,`sourceLoaded`,`sourceUnloaded`
+
 ## [0.12.0] - 2024-11-06
 ### Changed
 - Update Bitmovin's native Android Player SDK version to `3.91.0`

example/README.md

@@ -0,0 +1,3 @@
+# Bitmovin Player example
+
+Demonstrates how to use the `bitmovin_player` plugin.

example/integration_test/subtitle_test.dart

@@ -1,5 +1,6 @@
 import 'dart:io';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:player_testing/player_testing.dart';
 
@@ -8,7 +9,7 @@ void main() {
     group('when loading a source with subtitles in the manifest', () {
       testWidgets('emits subtitle added events for each subtitle', (_) async {
         // No subtitle added event for the off-item on iOS
-        final expectedCount = Platform.isAndroid ? 5 : 4;
+        final expectedCount = !kIsWeb && Platform.isAndroid ? 5 : 4;
         await startPlayerTest(() async {
           await callPlayerAndExpectEvents(
             (player) => player.loadSourceConfig(Sources.sintel),

example/lib/pages/analytics.dart

@@ -1,8 +1,7 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 
@@ -16,10 +15,10 @@ class PlayerAnalytics extends StatefulWidget {
 
 class _PlayerAnalyticsState extends State<PlayerAnalytics> {
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
     analyticsSourceMetadata: const SourceMetadata(
       title: 'Collecting SourceMetadata Title',
       customData:

example/lib/pages/audio_only.dart

@@ -1,8 +1,7 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:flutter/material.dart';
 
 class AudioOnly extends StatefulWidget {
@@ -15,10 +14,10 @@ class AudioOnly extends StatefulWidget {
 
 class _AudioOnlyState extends State<AudioOnly> {
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
   );
   final _player = Player(
     config: const PlayerConfig(

example/lib/pages/background_playback.dart

@@ -1,9 +1,8 @@
-import 'dart:io';
-
 import 'package:audio_session/audio_session.dart';
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 
@@ -21,10 +20,10 @@ class BackgroundPlayback extends StatefulWidget {
 
 class _BackgroundPlaybackState extends State<BackgroundPlayback> {
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
   );
   final _player = Player(
     config: const PlayerConfig(

example/lib/pages/basic_playback.dart

@@ -1,8 +1,7 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 
@@ -16,10 +15,10 @@ class BasicPlayback extends StatefulWidget {
 
 class _BasicPlaybackState extends State<BasicPlayback> {
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
   );
   final _player = Player(
     config: const PlayerConfig(

example/lib/pages/casting.dart

@@ -1,9 +1,9 @@
 import 'dart:async';
-import 'dart:io';
 
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
@@ -29,9 +29,9 @@ const artOfMotionDash =
 const artOfMotionHls =
     'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8';
 
-final SourceConfig _sourceConfig = Platform.isAndroid
-    ? const SourceConfig(url: artOfMotionDash, type: SourceType.dash)
-    : const SourceConfig(url: artOfMotionHls, type: SourceType.hls);
+final SourceConfig _sourceConfig = isIOS
+    ? const SourceConfig(url: artOfMotionHls, type: SourceType.hls)
+    : const SourceConfig(url: artOfMotionDash, type: SourceType.dash);
 
 class _CastingState extends State<Casting> {
   factory _CastingState() {

example/lib/pages/custom_html_ui.dart

@@ -1,8 +1,7 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 
@@ -16,10 +15,10 @@ class CustomHtmlUi extends StatefulWidget {
 
 class _CustomHtmlUiState extends State<CustomHtmlUi> {
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
   );
   final _player = Player(
     config: const PlayerConfig(

example/lib/pages/drm_playback.dart

@@ -1,9 +1,8 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
 import 'package:bitmovin_player_example/events.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
@@ -19,10 +18,10 @@ class DrmPlayback extends StatefulWidget {
 class _DrmPlaybackState extends State<DrmPlayback> {
   final GlobalKey<EventsState> _eventsKey = GlobalKey<EventsState>();
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/art-of-motion_drm/mpds/11331.mpd'
-        : 'https://fps.ezdrm.com/demo/video/ezdrm.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://fps.ezdrm.com/demo/video/ezdrm.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/art-of-motion_drm/mpds/11331.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
     drmConfig: DrmConfig(
       fairplay: FairplayConfig(
         licenseUrl:

example/lib/pages/event_subscription.dart

@@ -1,9 +1,8 @@
-import 'dart:io';
-
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/controls.dart';
 import 'package:bitmovin_player_example/env/env.dart';
 import 'package:bitmovin_player_example/events.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:bitmovin_player_example/player_view_container.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
@@ -19,10 +18,10 @@ class EventSubscription extends StatefulWidget {
 class _EventSubscriptionState extends State<EventSubscription> {
   final _eventsKey = GlobalKey<EventsState>();
   final _sourceConfig = SourceConfig(
-    url: Platform.isAndroid
-        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
-        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8',
-    type: Platform.isAndroid ? SourceType.dash : SourceType.hls,
+    url: isIOS
+        ? 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8'
+        : 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd',
+    type: isIOS ? SourceType.hls : SourceType.dash,
   );
   final _player = Player(
     config: const PlayerConfig(

example/lib/pages/home.dart

@@ -1,5 +1,3 @@
-import 'dart:io';
-
 import 'package:bitmovin_player_example/pages/analytics.dart';
 import 'package:bitmovin_player_example/pages/audio_only.dart';
 import 'package:bitmovin_player_example/pages/background_playback.dart';
@@ -10,6 +8,7 @@ import 'package:bitmovin_player_example/pages/drm_playback.dart';
 import 'package:bitmovin_player_example/pages/event_subscription.dart';
 import 'package:bitmovin_player_example/pages/fullscreen_handling.dart';
 import 'package:bitmovin_player_example/pages/picture_in_picture.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:flutter/material.dart';
 
 List<_Sample> _samples = [];
@@ -27,7 +26,7 @@ void buildSamples() {
     _Sample('Picture-in-Picture', PictureInPicture.routeName),
   ];
 
-  if (Platform.isIOS) {
+  if (isIOS) {
     _samples.add(_Sample('Background Playback', BackgroundPlayback.routeName));
   }
 }

example/lib/pages/picture_in_picture.dart

@@ -1,9 +1,8 @@
-import 'dart:io' show Platform;
-
 import 'package:audio_session/audio_session.dart';
 import 'package:bitmovin_player/bitmovin_player.dart';
 import 'package:bitmovin_player_example/env/env.dart';
 import 'package:bitmovin_player_example/events.dart';
+import 'package:bitmovin_player_example/platform.dart';
 import 'package:flutter/material.dart';
 import 'package:logger/logger.dart';
 
@@ -80,7 +79,7 @@ class _PictureInPictureState extends State<PictureInPicture> {
 
   // Since PiP on Android is basically just the whole activity fitted in a small
   // floating window, we don't want to display the whole scaffold
-  bool get renderOnlyPlayerView => Platform.isAndroid && _isInPictureInPicture;
+  bool get renderOnlyPlayerView => isAndroid && _isInPictureInPicture;
 
   @override
   Widget build(BuildContext context) {

example/lib/platform.dart

@@ -0,0 +1,7 @@
+import 'dart:io';
+
+import 'package:flutter/foundation.dart';
+
+const bool isWeb = kIsWeb;
+final bool isIOS = !isWeb && Platform.isIOS;
+final bool isAndroid = !isWeb && Platform.isAndroid;

example/pubspec.lock

@@ -150,6 +150,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
   json_annotation:
     dependency: transitive
     description:
@@ -374,10 +382,18 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: f652077d0bdf60abe4c1f6377448e8655008eef28f128bc023f7b5e8dfeb48fc
+      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "14.2.5"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: cd3543bd5798f6ad290ea73d210f423502e71900302dde696f8bff84bf89a1cb
       url: "https://pub.dev"
     source: hosted
-    version: "14.2.4"
+    version: "1.1.0"
   webdriver:
     dependency: transitive
     description: