now with background images!

.github/workflows/linux-web.yaml

@@ -62,3 +62,13 @@ jobs:
         name: flutter-web-build-latest
         path: build/web
         if-no-files-found: error
+
+    - name: Publish to Cloudflare Pages
+      uses: cloudflare/pages-action@v1
+      with:
+        apiToken: ${{ secrets.CLOUDFLARE_PAGES_DEPLOY }}
+        accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+        projectName: ything-radio
+        directory: build/web
+        # push directly to "production" on cloudflare pages
+        branch: main

.github/workflows/windows.yaml

@@ -37,3 +37,8 @@ jobs:
         name: flutter-windows-build-latest
         path: build/windows/x64/runner
         if-no-files-found: error
+
+    #- name: Build MSIX for Windows
+    #  run: dart run msix:create
+
+

README.md

@@ -16,7 +16,7 @@ This app has been designed to run across all platforms!
 - MacOS
 - Windows
 - Linux
-- Web
+- Web ([Live Demo](https://radio-demo.ything.app/))
 
 Provide a single unified experience across *all* platforms for your users!
 
@@ -27,5 +27,4 @@ Coming Soon:
 - Apple App Store Live Demo!
 - Google Play Store Live Demo!
 - Windows portable exe
-- Web based live demo
 - Screenshots / Demo Videos

flutter_launcher_icons.yaml

@@ -0,0 +1,18 @@
+flutter_launcher_icons:
+  android: true 
+  ios: true
+  image_path: "assets/appicon/icon.png"
+  min_sdk_android: 21 
+  adaptive_icon_background: "#FFA86A"
+  web:
+    generate: true
+    image_path: "assets/appicon/icon.png"
+    background_color: "#FFA86A"
+    theme_color: "#FFA86A"
+  windows:
+    generate: true
+    image_path: "assets/appicon/icon.png"
+    icon_size: 192 
+  macos:
+    generate: true
+    image_path: "assets/appicon/icon.png"

ios/Runner.xcodeproj/project.pbxproj

@@ -542,7 +542,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -599,7 +599,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";

lib/About.dart

@@ -6,35 +6,44 @@ class About extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return SafeZone(
-      child: DefaultTextStyle(
-        style: Theme.of(context).textTheme.bodyLarge!,
-        child: const SingleChildScrollView(
-          child: Text(
-            'Ything Radio is an app that is intended to provide a demonstration of the '
-            'open source ything_radio app. This app is used to provide the ability for the '
-            '"look and feel" of the app to be tested on real devices for those wishing to '
-            'either use the code as a template for themselves; or, alternatively, have Ything LLC '
-            'create a custom app for them!'
-            '\n\n'
-            'This app intentionally does not provide a method to change the streaming source '
-            'as it is intended for use by internet radio stations to provide a dedicated app '
-            'for their radio station. This is not intended to be an app for generic usage for '
-            'multiple radio stations, a discovery platform, or to facilitate user input for '
-            'internet radio sites.'
-            '\n\n'
-            'This app has been designed to run across all platforms!'
-            '\n\n'
-            'Android, iOS, MacOS, Windows, Linux, and Web!'
-            '\n\n'
-            'Have a single unified experience across all platforms for your users!'
-            '\n\n'
-            'Want to have us modify this app for you? Reach out at info@ything.net '
-            'We can add additional features for you! Schedule views, up next listings, '
-            'and even custom user interactivity! '
-            '\n\n'
-            'We look forward to hearing from you soon! We would love to build your app!',
-            textAlign: TextAlign.justify,
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background2.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.2,
+        ),
+      ),
+      child: SafeZone(
+        child: DefaultTextStyle(
+          style: Theme.of(context).textTheme.bodyLarge!,
+          child: const SingleChildScrollView(
+            child: Text(
+              'Ything Radio is an app that is intended to provide a demonstration of the '
+              'open source ything_radio app. This app is used to provide the ability for the '
+              '"look and feel" of the app to be tested on real devices for those wishing to '
+              'either use the code as a template for themselves; or, alternatively, have Ything LLC '
+              'create a custom app for them!'
+              '\n\n'
+              'This app intentionally does not provide a method to change the streaming source '
+              'as it is intended for use by internet radio stations to provide a dedicated app '
+              'for their radio station. This is not intended to be an app for generic usage for '
+              'multiple radio stations, a discovery platform, or to facilitate user input for '
+              'internet radio sites.'
+              '\n\n'
+              'This app has been designed to run across all platforms!'
+              '\n\n'
+              'Android, iOS, MacOS, Windows, Linux, and Web!'
+              '\n\n'
+              'Have a single unified experience across all platforms for your users!'
+              '\n\n'
+              'Want to have us modify this app for you? Reach out at info@ything.net '
+              'We can add additional features for you! Schedule views, up next listings, '
+              'and even custom user interactivity! '
+              '\n\n'
+              'We look forward to hearing from you soon! We would love to build your app!',
+              textAlign: TextAlign.justify,
+            ),
           ),
         ),
       ),

lib/Links.dart

@@ -38,12 +38,21 @@ class Links extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return DefaultTextStyle(
-      style: Theme.of(context).textTheme.headlineSmall!,
-      child: SafeZone(
-        child: Center(
-          child: Column(
-            children: links.map((link) => link).toList(),
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background3.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.4,
+        ),
+      ),
+      child: DefaultTextStyle(
+        style: Theme.of(context).textTheme.headlineSmall!,
+        child: SafeZone(
+          child: Center(
+            child: Column(
+              children: links.map((link) => link).toList(),
+            ),
           ),
         ),
       ),

lib/Listen.dart

@@ -9,8 +9,17 @@ class Listen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Center(
-      child: PlayControls(),
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage('assets/images/app-background.jpg'),
+          fit: BoxFit.cover,
+          opacity: 0.4,
+        ),
+      ),
+      child: const Center(
+        child: PlayControls(),
+      ),
     );
   }
 }
@@ -29,8 +38,6 @@ class _PlayControlsState extends State<PlayControls>
 
   bool isPlaying = false;
 
-  //late final AudioPlayer player;
-
   final ListenHandler _listenHandler = getListenHandlder();
 
   @override
@@ -49,23 +56,12 @@ class _PlayControlsState extends State<PlayControls>
         print("Updated playing state to $isPlaying");
       });
     });
-
-    //player = AudioPlayer();
-
-    //player.setReleaseMode(ReleaseMode.release);
-
-    //player
-    //    .setSourceUrl("https://generic.ything.app/music/separation-185196.mp3");
   }
 
   @override
   void dispose() {
     super.dispose();
 
-    //player.stop();
-
-    //player.dispose();
-
     _listenHandler.stop();
   }
 
@@ -76,7 +72,6 @@ class _PlayControlsState extends State<PlayControls>
     print("Running build - Listen");
 
     if (isPlaying) {
-      //player.resume();
       _listenHandler.play();
       _listenHandler.playbackState.add(PlaybackState(
         controls: [
@@ -90,7 +85,6 @@ class _PlayControlsState extends State<PlayControls>
         playing: true,
       ));
     } else {
-      //player.stop();
       _listenHandler.stop();
       _listenHandler.playbackState.add(PlaybackState(
         controls: [],

lib/ListenHandler.dart

@@ -5,13 +5,12 @@ import 'package:ything_radio/Globals.dart';
 class ListenHandler extends BaseAudioHandler {
   final _player = AudioPlayer();
 
+  final UrlSource _radioSource = UrlSource(
+      "https://generic.ything.app/music/separation-185196.mp3",
+      mimeType: "audio/mpeg");
+
   setup_player() {
     _player.setReleaseMode(ReleaseMode.release);
-
-    _player.setSourceUrl(
-      "https://generic.ything.app/music/separation-185196.mp3",
-      mimeType: "audio/mpeg",
-    );
   }
 
   ListenHandler() {
@@ -21,7 +20,7 @@ class ListenHandler extends BaseAudioHandler {
   @override
   Future<void> play() async {
     if (await startAudioSession()) {
-      _player.resume();
+      _player.play(_radioSource, mode: PlayerMode.mediaPlayer);
     }
   }
 

macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,68 +1,68 @@
 {
-  "images" : [
-    {
-      "size" : "16x16",
-      "idiom" : "mac",
-      "filename" : "app_icon_16.png",
-      "scale" : "1x"
+    "info": {
+        "version": 1,
+        "author": "xcode"
     },
-    {
-      "size" : "16x16",
-      "idiom" : "mac",
-      "filename" : "app_icon_32.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "32x32",
-      "idiom" : "mac",
-      "filename" : "app_icon_32.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "32x32",
-      "idiom" : "mac",
-      "filename" : "app_icon_64.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "128x128",
-      "idiom" : "mac",
-      "filename" : "app_icon_128.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "128x128",
-      "idiom" : "mac",
-      "filename" : "app_icon_256.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "256x256",
-      "idiom" : "mac",
-      "filename" : "app_icon_256.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "256x256",
-      "idiom" : "mac",
-      "filename" : "app_icon_512.png",
-      "scale" : "2x"
-    },
-    {
-      "size" : "512x512",
-      "idiom" : "mac",
-      "filename" : "app_icon_512.png",
-      "scale" : "1x"
-    },
-    {
-      "size" : "512x512",
-      "idiom" : "mac",
-      "filename" : "app_icon_1024.png",
-      "scale" : "2x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
+    "images": [
+        {
+            "size": "16x16",
+            "idiom": "mac",
+            "filename": "app_icon_16.png",
+            "scale": "1x"
+        },
+        {
+            "size": "16x16",
+            "idiom": "mac",
+            "filename": "app_icon_32.png",
+            "scale": "2x"
+        },
+        {
+            "size": "32x32",
+            "idiom": "mac",
+            "filename": "app_icon_32.png",
+            "scale": "1x"
+        },
+        {
+            "size": "32x32",
+            "idiom": "mac",
+            "filename": "app_icon_64.png",
+            "scale": "2x"
+        },
+        {
+            "size": "128x128",
+            "idiom": "mac",
+            "filename": "app_icon_128.png",
+            "scale": "1x"
+        },
+        {
+            "size": "128x128",
+            "idiom": "mac",
+            "filename": "app_icon_256.png",
+            "scale": "2x"
+        },
+        {
+            "size": "256x256",
+            "idiom": "mac",
+            "filename": "app_icon_256.png",
+            "scale": "1x"
+        },
+        {
+            "size": "256x256",
+            "idiom": "mac",
+            "filename": "app_icon_512.png",
+            "scale": "2x"
+        },
+        {
+            "size": "512x512",
+            "idiom": "mac",
+            "filename": "app_icon_512.png",
+            "scale": "1x"
+        },
+        {
+            "size": "512x512",
+            "idiom": "mac",
+            "filename": "app_icon_1024.png",
+            "scale": "2x"
+        }
+    ]
 }

pubspec.lock

@@ -1,6 +1,22 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: cb6a278ef2dbb298455e1a713bda08524a175630ec643a242c399c932a0a1f7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.6.1"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: "7cf60b9f0cc88203c5a190b4cd62a99feea42759a7fa695010eb5de1c0b2252a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.0"
   async:
     dependency: transitive
     description:
@@ -113,6 +129,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
+  cli_util:
+    dependency: transitive
+    description:
+      name: cli_util
+      sha256: c05b7406fdabc7a49a3929d4af76bcaccbbffcbcdcf185b082e1ae07da323d19
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.1"
   clock:
     dependency: transitive
     description:
@@ -129,6 +161,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  console:
+    dependency: transitive
+    description:
+      name: console
+      sha256: e04e7824384c5b39389acdd6dc7d33f3efe6b232f6f16d7626f194f6a01ad69a
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.0"
   crypto:
     dependency: transitive
     description:
@@ -190,6 +230,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.4.1"
+  flutter_launcher_icons:
+    dependency: "direct dev"
+    description:
+      name: flutter_launcher_icons
+      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.13.1"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -216,6 +264,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  get_it:
+    dependency: transitive
+    description:
+      name: get_it
+      sha256: d85128a5dae4ea777324730dc65edd9c9f43155c109d5cc0a69cab74139fbac1
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.7.0"
   http:
     dependency: transitive
     description:
@@ -232,6 +288,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.2"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      sha256: "2237616a36c0d69aef7549ab439b833fb7f9fb9fc861af2cc9ac3eedddd69ca8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.2.0"
   js:
     dependency: transitive
     description:
@@ -240,6 +304,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.7.1"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.9.0"
   leak_tracker:
     dependency: transitive
     description:
@@ -296,6 +368,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.15.0"
+  msix:
+    dependency: "direct dev"
+    description:
+      name: msix
+      sha256: c50d6bd1aafe0d071a3c1e5a5ccb056404502935cb0a549e3178c4aae16caf33
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.16.8"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   path:
     dependency: transitive
     description:
@@ -352,6 +440,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.0"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.0.2"
   platform:
     dependency: transitive
     description:
@@ -368,6 +464,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
   rxdart:
     dependency: transitive
     description:
@@ -573,6 +677,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.4"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.5.0"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
 sdks:
   dart: ">=3.5.1 <4.0.0"
   flutter: ">=3.24.0"

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.0+1
+version: 1.0.1
 
 environment:
   sdk: ^3.5.1
@@ -51,6 +51,8 @@ dev_dependencies:
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
   flutter_lints: ^4.0.0
+  msix: ^3.16.8
+  flutter_launcher_icons: ^0.13.1
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
@@ -64,9 +66,12 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+  assets:
+    #   - images/a_dot_burr.jpeg
+    #   - images/a_dot_ham.jpeg
+    - assets/images/app-background.jpg
+    - assets/images/app-background2.jpg
+    - assets/images/app-background3.jpg
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/to/resolution-aware-images

web/manifest.json

@@ -3,8 +3,8 @@
     "short_name": "Radio",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
+    "background_color": "#FFA86A",
+    "theme_color": "#FFA86A",
     "description": "A simple internet streaming radio application",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,