Field '_theoliveController' has not been initialized.

[this-sunil]

for web issue but i am not using theopliveplayer object

errors.dart:296 Uncaught (in promise) DartError: LateInitializationError: Field 'theoliveController' has not been initialized.
at Object.throw [as throw] (errors.dart:296:3)
at get [_theoliveController] (theoplayer_view_controller_web.dart:27:37)
at theoplayer_view_controller_web.THEOplayerViewControllerWeb.new.getTheoLive (theoplayer_view_controller_web.dart:448:12)
at theoplayer_internal.dart:79:50
at theoplayer_web.dart:59:9
at _html_element_view_web.dart:65:30
at _RootZone.runUnary (zone.dart:1661:54)
at _FutureListener.then.handleValue (future_impl.dart:163:18)
at handleValueCallback (future_impl.dart:861:44)
at _Future._propagateToListeners (future_impl.dart:890:13)
at [_completeWithValue] (future_impl.dart:666:5)
at async._AsyncCallbackEntry.new.callback (future_impl.dart:736:7)
at Object._microtaskLoop (schedule_microtask.dart:40:11)
at _startMicrotaskLoop (schedule_microtask.dart:49:5)
at async_patch.dart:181:7

[this-sunil]

<title>Sense Wheel</title> <script src="flutter.js" defer></script> <script src="https://cdn.myth.theoplayer.com/THEOplayer.chromeless.js"></script> <script src="flutter_bootstrap.js"> if ('serviceWorker' in navigator) { window.addEventListener('load', function () { navigator.serviceWorker.register('/firebase-messaging-sw.js') .then(function(registration) { console.log('Service Worker registered with scope:', registration.scope); }) .catch(function(error) { console.error('Service Worker registration failed:', error); }); }); } </script> any updation here

[Danesz]

Hi @this-sunil ,

thanks for raising this issue.

From the code you provided, it seems you are using an ancient version of THEOplayer (2.68.0), that doesn't have THEOlive support.

I suggest to follow our getting started guide for web and use a THEOplayer WEB SDK version >= 8.2.0 (from where it was introduced) which has THEOlive support.

You can also download any version from NPM and include it in your application: e.g. this is the URL for 8.2.0: https://registry.npmjs.org/theoplayer/-/theoplayer-8.2.0.tgz

The sample project within the SDK project also showcases the usage of THEOlive:
https://github.com/THEOplayer/flutter-theoplayer-sdk/tree/develop/flutter_theoplayer_sdk/flutter_theoplayer_sdk/example

To get access to your own THEOlive channels, you need to request an account from our experts on https://console.theo.live/login.
THEOlive is a full end-to-end streaming solution, meanwhile THEOplayer is just the player component.

Thanks,
Daniel