diff --git a/android/app/build.gradle b/android/app/build.gradle
index 8091737..6747756 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -44,6 +44,7 @@ android {
             // TODO: Add your own signing config for the release build.
             // Signing with the debug keys for now, so `flutter run --release` works.
             signingConfig signingConfigs.debug
+            shrinkResources false
         }
     }
 }
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 6cbcbde..33c8966 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,6 +1,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="de.ebmradio.ebmradioplayer">
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
     <!-- io.flutter.app.FlutterApplication is an android.app.Application that
          calls FlutterMain.startInitialization(this); in its onCreate method.
          In most cases you can leave this as-is, but you if you want to provide
@@ -45,5 +47,15 @@
         <meta-data
             android:name="flutterEmbedding"
             android:value="2" />
+        <service android:name="com.ryanheise.audioservice.AudioService">
+            <intent-filter>
+                <action android:name="android.media.browse.MediaBrowserService"/>
+            </intent-filter>
+        </service>
+        <receiver android:name="com.ryanheise.audioservice.MediaButtonReceiver">
+            <intent-filter>
+                <action android:name="android.intent.action.MEDIA_BUTTON"/>
+            </intent-filter>
+        </receiver>
     </application>
 </manifest>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-hdpi/ic_action_pause.png b/android/app/src/main/res/drawable-hdpi/ic_action_pause.png
new file mode 100644
index 0000000..1b6fbf9
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_action_pause.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_action_play_arrow.png b/android/app/src/main/res/drawable-hdpi/ic_action_play_arrow.png
new file mode 100644
index 0000000..9d356ab
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_action_play_arrow.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_action_skip_next.png b/android/app/src/main/res/drawable-hdpi/ic_action_skip_next.png
new file mode 100644
index 0000000..d28305b
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_action_skip_next.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_action_skip_previous.png b/android/app/src/main/res/drawable-hdpi/ic_action_skip_previous.png
new file mode 100644
index 0000000..d1141db
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_action_skip_previous.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_action_stop.png b/android/app/src/main/res/drawable-hdpi/ic_action_stop.png
new file mode 100644
index 0000000..b29d5ff
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_action_stop.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/drawable-hdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..b7340cf
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_action_pause.png b/android/app/src/main/res/drawable-mdpi/ic_action_pause.png
new file mode 100644
index 0000000..16a4dc0
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_action_pause.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_action_play_arrow.png b/android/app/src/main/res/drawable-mdpi/ic_action_play_arrow.png
new file mode 100644
index 0000000..218e492
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_action_play_arrow.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_action_skip_next.png b/android/app/src/main/res/drawable-mdpi/ic_action_skip_next.png
new file mode 100644
index 0000000..f185641
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_action_skip_next.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_action_skip_previous.png b/android/app/src/main/res/drawable-mdpi/ic_action_skip_previous.png
new file mode 100644
index 0000000..061b42a
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_action_skip_previous.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_action_stop.png b/android/app/src/main/res/drawable-mdpi/ic_action_stop.png
new file mode 100644
index 0000000..e004bf6
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_action_stop.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/drawable-mdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..8ce5593
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_action_pause.png b/android/app/src/main/res/drawable-xhdpi/ic_action_pause.png
new file mode 100644
index 0000000..d3f7fec
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_action_pause.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_action_play_arrow.png b/android/app/src/main/res/drawable-xhdpi/ic_action_play_arrow.png
new file mode 100644
index 0000000..534367d
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_action_play_arrow.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_action_skip_next.png b/android/app/src/main/res/drawable-xhdpi/ic_action_skip_next.png
new file mode 100644
index 0000000..4e0e303
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_action_skip_next.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_action_skip_previous.png b/android/app/src/main/res/drawable-xhdpi/ic_action_skip_previous.png
new file mode 100644
index 0000000..fcf3212
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_action_skip_previous.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_action_stop.png b/android/app/src/main/res/drawable-xhdpi/ic_action_stop.png
new file mode 100644
index 0000000..5db9f49
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_action_stop.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/drawable-xhdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..7c0762c
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_action_pause.png b/android/app/src/main/res/drawable-xxhdpi/ic_action_pause.png
new file mode 100644
index 0000000..6a4d49b
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_action_pause.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_action_play_arrow.png b/android/app/src/main/res/drawable-xxhdpi/ic_action_play_arrow.png
new file mode 100644
index 0000000..2132269
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_action_play_arrow.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_next.png b/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_next.png
new file mode 100644
index 0000000..1d9b32c
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_next.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_previous.png b/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_previous.png
new file mode 100644
index 0000000..d6e07a4
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_action_skip_previous.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_action_stop.png b/android/app/src/main/res/drawable-xxhdpi/ic_action_stop.png
new file mode 100644
index 0000000..1f5026f
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_action_stop.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/drawable-xxhdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..fdd5359
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_action_play_arrow.png b/android/app/src/main/res/drawable-xxxhdpi/ic_action_play_arrow.png
new file mode 100644
index 0000000..03109fe
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_action_play_arrow.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_next.png b/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_next.png
new file mode 100644
index 0000000..3a27d77
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_next.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_previous.png b/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_previous.png
new file mode 100644
index 0000000..8a84b0e
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_action_skip_previous.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_action_stop.png b/android/app/src/main/res/drawable-xxxhdpi/ic_action_stop.png
new file mode 100644
index 0000000..1582503
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_action_stop.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/drawable-xxxhdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..2aa0951
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher2.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher2.png
new file mode 100644
index 0000000..86dea67
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher2.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/mipmap-hdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..b7340cf
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher2.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher2.png
new file mode 100644
index 0000000..dac17d1
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher2.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/mipmap-mdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..8ce5593
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher2.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher2.png
new file mode 100644
index 0000000..da0140d
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher2.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/mipmap-xhdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..7c0762c
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher2.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher2.png
new file mode 100644
index 0000000..725da38
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher2.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_stat_ebm_radio_bw.png b/android/app/src/main/res/mipmap-xxhdpi/ic_stat_ebm_radio_bw.png
new file mode 100644
index 0000000..fdd5359
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_stat_ebm_radio_bw.png differ
diff --git a/ios/Flutter/Debug.xcconfig b/ios/Flutter/Debug.xcconfig
index 592ceee..e8efba1 100644
--- a/ios/Flutter/Debug.xcconfig
+++ b/ios/Flutter/Debug.xcconfig
@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"
diff --git a/ios/Flutter/Release.xcconfig b/ios/Flutter/Release.xcconfig
index 592ceee..399e934 100644
--- a/ios/Flutter/Release.xcconfig
+++ b/ios/Flutter/Release.xcconfig
@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"
diff --git a/lib/generated/intl/messages_de.dart b/lib/generated/intl/messages_de.dart
index 16df0e0..bae72d1 100644
--- a/lib/generated/intl/messages_de.dart
+++ b/lib/generated/intl/messages_de.dart
@@ -31,6 +31,7 @@ class MessageLookup extends MessageLookupByLibrary {
     "ourWebsite" : MessageLookupByLibrary.simpleMessage("Mehr auf unserer Website"),
     "send" : MessageLookupByLibrary.simpleMessage("Senden"),
     "songName" : MessageLookupByLibrary.simpleMessage("Dein Wunschsong:"),
+    "wishError" : MessageLookupByLibrary.simpleMessage("Fehler beim Verschicken"),
     "wishSent" : MessageLookupByLibrary.simpleMessage("Wunsch verschickt"),
     "yourName" : MessageLookupByLibrary.simpleMessage("Dein Name:")
   };
diff --git a/lib/generated/intl/messages_en.dart b/lib/generated/intl/messages_en.dart
index 17da9a8..626437e 100644
--- a/lib/generated/intl/messages_en.dart
+++ b/lib/generated/intl/messages_en.dart
@@ -31,6 +31,7 @@ class MessageLookup extends MessageLookupByLibrary {
     "ourWebsite" : MessageLookupByLibrary.simpleMessage("Visit our Website"),
     "send" : MessageLookupByLibrary.simpleMessage("Send"),
     "songName" : MessageLookupByLibrary.simpleMessage("Songname:"),
+    "wishError" : MessageLookupByLibrary.simpleMessage("Error on sending"),
     "wishSent" : MessageLookupByLibrary.simpleMessage("Wish sent"),
     "yourName" : MessageLookupByLibrary.simpleMessage("Your name:")
   };
diff --git a/lib/generated/intl/messages_fr.dart b/lib/generated/intl/messages_fr.dart
index ee02423..e5e3725 100644
--- a/lib/generated/intl/messages_fr.dart
+++ b/lib/generated/intl/messages_fr.dart
@@ -31,6 +31,7 @@ class MessageLookup extends MessageLookupByLibrary {
     "ourWebsite" : MessageLookupByLibrary.simpleMessage("visitez notre site Internet"),
     "send" : MessageLookupByLibrary.simpleMessage("Envoyer"),
     "songName" : MessageLookupByLibrary.simpleMessage("titre de la chanson:"),
+    "wishError" : MessageLookupByLibrary.simpleMessage("erreur d\'envoi"),
     "wishSent" : MessageLookupByLibrary.simpleMessage("souhait envoyé"),
     "yourName" : MessageLookupByLibrary.simpleMessage("Votre nom:")
   };
diff --git a/lib/generated/l10n.dart b/lib/generated/l10n.dart
index b172fbd..0e153b6 100644
--- a/lib/generated/l10n.dart
+++ b/lib/generated/l10n.dart
@@ -152,6 +152,16 @@ class S {
       args: [],
     );
   }
+
+  /// `Error on sending`
+  String get wishError {
+    return Intl.message(
+      'Error on sending',
+      name: 'wishError',
+      desc: '',
+      args: [],
+    );
+  }
 }
 
 class AppLocalizationDelegate extends LocalizationsDelegate<S> {
diff --git a/lib/gui/ebm_news.dart b/lib/gui/ebm_news.dart
new file mode 100644
index 0000000..80a2718
--- /dev/null
+++ b/lib/gui/ebm_news.dart
@@ -0,0 +1,73 @@
+import 'package:basic_utils/basic_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:ebmradioplayer/generated/l10n.dart';
+import 'package:url_launcher/url_launcher.dart';
+import 'dart:async';
+
+import 'package:webfeed/webfeed.dart';
+
+class EbmNews extends StatefulWidget {
+  EbmNews({
+    this.webUrl,
+    this.newsFeed
+  });
+  _EbmNews createState() => _EbmNews();
+  final List<String> _newsItems = List<String>();
+  final String webUrl;
+  final String newsFeed;
+}
+
+class _EbmNews extends State<EbmNews>{
+  void initState(){
+    super.initState();
+    _feed();
+    Timer.periodic(Duration(hours: 1),(timer){
+      _feed();
+    });
+  }
+  _feed() async {
+    var feed = await HttpUtils.getForString(widget.newsFeed);
+    var rss = RssFeed.parse(feed);
+    setState(() {
+      int i = 0;
+      widget._newsItems.clear();
+      rss.items.forEach((element) {
+        if(i++ < 11) {
+          print(element.title);
+          widget._newsItems.add(element.title);
+        }
+      });
+    });
+  }
+  _visitWeb(String url) async {
+    if(await canLaunch(url)){
+      await launch(url);
+    }
+  }
+  Widget build(BuildContext context){
+    return Container(
+        height: 280,
+      child: Column(
+      children: [
+        Text("News"),
+        ListView.builder(
+          shrinkWrap: true,
+            itemCount: widget._newsItems.length,
+            itemBuilder: (BuildContext ctxt, int index){
+              return new Text(
+                widget._newsItems[index],
+                textAlign: TextAlign.center,
+              );
+            }
+        ),
+        RaisedButton(
+          child: Text(S.current.ourWebsite),
+          onPressed: (){
+            _visitWeb(widget.webUrl);
+          },
+        )
+      ]
+      )
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/gui/ebm_player.dart b/lib/gui/ebm_player.dart
new file mode 100644
index 0000000..909e3e5
--- /dev/null
+++ b/lib/gui/ebm_player.dart
@@ -0,0 +1,373 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:audio_service/audio_service.dart';
+import 'package:flutter/rendering.dart';
+import 'package:just_audio/just_audio.dart';
+import 'dart:async';
+
+class EbmPlayer extends StatefulWidget {
+  _EbmPlayer createState() => _EbmPlayer();
+  final TextEditingController _currentSong = TextEditingController();
+  final ValueNotifier<bool> _playing = ValueNotifier(true);
+}
+
+class _EbmPlayer extends State<EbmPlayer>{
+  void initState(){
+    super.initState();
+    AudioService.start(
+        backgroundTaskEntrypoint: _audioPlayerTaskEntrypoint,
+        androidNotificationChannelName: '(((EBM Radio)))',
+        androidNotificationColor: 0xFF5cb12d,
+        androidNotificationIcon: 'mipmap/ic_stat_ebm_radio_bw',
+        androidEnableQueue: false,
+        // androidArtDownscaleSize: Size.square(100.0)
+    );
+    AudioService.currentMediaItemStream.listen((event) {
+      setState(() {
+        if(event != null && event.title != null)
+          widget._currentSong.text = event.title;
+      });
+    });
+    AudioService.playbackStateStream.listen((event) {
+      if(event.playing != widget._playing.value)
+        setState(() {
+          widget._playing.value = event.playing;
+        });
+    });
+  }
+  start() => AudioService.play();
+  stop() => AudioService.pause();
+  Widget build(BuildContext context){
+    return AudioServiceWidget(
+        child: Container(
+          height: 280,
+          decoration: BoxDecoration(
+            image: DecorationImage(
+              image: AssetImage('assets/radiologo.png'),
+              fit: BoxFit.fitWidth
+            )
+          ),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              TextField(
+                controller: widget._currentSong,
+                enabled: false,
+                readOnly: true,
+                textAlign: TextAlign.center,
+              ),
+              Spacer(
+                flex: 2,
+              ),
+              Visibility(
+                visible: widget._playing.value,
+                child: RaisedButton(
+                  child: Text("Pause"),
+                  onPressed: stop,
+                ),
+              ),
+              Visibility(
+                visible: !widget._playing.value,
+                child: RaisedButton(
+                  child: Text("Play"),
+                  onPressed: start,
+                ),
+              )
+            ],
+          ),
+        )
+    );
+  }
+}
+
+MediaControl playControl = MediaControl(
+  androidIcon: 'drawable/ic_action_play_arrow',
+  label: 'Play',
+  action: MediaAction.play,
+);
+MediaControl pauseControl = MediaControl(
+  androidIcon: 'drawable/ic_action_pause',
+  label: 'Pause',
+  action: MediaAction.pause,
+);
+MediaControl skipToNextControl = MediaControl(
+  androidIcon: 'drawable/ic_action_skip_next',
+  label: 'Next',
+  action: MediaAction.skipToNext,
+);
+MediaControl skipToPreviousControl = MediaControl(
+  androidIcon: 'drawable/ic_action_skip_previous',
+  label: 'Previous',
+  action: MediaAction.skipToPrevious,
+);
+MediaControl stopControl = MediaControl(
+  androidIcon: 'drawable/ic_action_stop',
+  label: 'Stop',
+  action: MediaAction.stop,
+);
+
+void _audioPlayerTaskEntrypoint() async {
+  AudioServiceBackground.run(() => AudioPlayerTask());
+}
+
+class AudioPlayerTask extends BackgroundAudioTask {
+  final _queue = <MediaItem>[
+    MediaItem(
+        id: 'http://ebm-radio.org:8000',
+        title: '(((EBM Radio)))',
+        album: 'AAC'
+    ),
+    /*MediaItem(
+      id: "https://s3.amazonaws.com/scifri-episodes/scifri20181123-episode.mp3",
+      album: "Science Friday",
+      title: "A Salute To Head-Scratching Science",
+      artist: "Science Friday and WNYC Studios",
+      duration: Duration(milliseconds: 5739820),
+      artUri:
+      "https://media.wnyc.org/i/1400/1400/l/80/1/ScienceFriday_WNYCStudios_1400.jpg",
+    ),
+    MediaItem(
+      id: "https://s3.amazonaws.com/scifri-segments/scifri201711241.mp3",
+      album: "Science Friday",
+      title: "From Cat Rheology To Operatic Incompetence",
+      artist: "Science Friday and WNYC Studios",
+      duration: Duration(milliseconds: 2856950),
+      artUri:
+      "https://media.wnyc.org/i/1400/1400/l/80/1/ScienceFriday_WNYCStudios_1400.jpg",
+    ),*/
+  ];
+  int _queueIndex = -1;
+  AudioPlayer _audioPlayer = new AudioPlayer();
+  AudioProcessingState _skipState;
+  bool _playing;
+  bool _interrupted = false;
+
+  bool get hasNext => _queueIndex + 1 < _queue.length;
+
+  bool get hasPrevious => _queueIndex > 0;
+
+  MediaItem get mediaItem => _queue[_queueIndex];
+
+  StreamSubscription<AudioPlaybackState> _playerStateSubscription;
+  StreamSubscription<AudioPlaybackEvent> _eventSubscription;
+
+  @override
+  void onStart(Map<String, dynamic> params) {
+    _playerStateSubscription = _audioPlayer.playbackStateStream
+        .where((state) => state == AudioPlaybackState.completed)
+        .listen((state) {
+      _handlePlaybackCompleted();
+    });
+    _audioPlayer.icyMetadataStream.listen((event) {
+      MediaItem current = this.mediaItem.copyWith(title: event.info.title);
+      AudioServiceBackground.setMediaItem(current);
+    });
+    _eventSubscription = _audioPlayer.playbackEventStream.listen((event) {
+      final bufferingState =
+      event.buffering ? AudioProcessingState.buffering : null;
+      switch (event.state) {
+        case AudioPlaybackState.paused:
+          _setState(
+            processingState: bufferingState ?? AudioProcessingState.ready,
+            position: event.position,
+          );
+          break;
+        case AudioPlaybackState.playing:
+          _setState(
+            processingState: bufferingState ?? AudioProcessingState.ready,
+            position: event.position,
+          );
+          break;
+        case AudioPlaybackState.connecting:
+          _setState(
+            processingState: _skipState ?? AudioProcessingState.connecting,
+            position: event.position,
+          );
+          break;
+        default:
+          break;
+      }
+    });
+
+    AudioServiceBackground.setQueue(_queue);
+    onSkipToNext();
+  }
+
+  void _handlePlaybackCompleted() {
+    if (hasNext) {
+      onSkipToNext();
+    } else {
+      onStop();
+    }
+  }
+
+  void playPause() {
+    if (AudioServiceBackground.state.playing)
+      onPause();
+    else
+      onPlay();
+  }
+
+  @override
+  Future<void> onSkipToNext() => _skip(1);
+
+  @override
+  Future<void> onSkipToPrevious() => _skip(-1);
+
+  Future<void> _skip(int offset) async {
+    final newPos = _queueIndex + offset;
+    if (!(newPos >= 0 && newPos < _queue.length)) return;
+    if (_playing == null) {
+      // First time, we want to start playing
+      _playing = true;
+    } else if (_playing) {
+      // Stop current item
+      await _audioPlayer.stop();
+    }
+    // Load next item
+    _queueIndex = newPos;
+    AudioServiceBackground.setMediaItem(mediaItem);
+    _skipState = offset > 0
+        ? AudioProcessingState.skippingToNext
+        : AudioProcessingState.skippingToPrevious;
+    await _audioPlayer.setUrl(mediaItem.id);
+    _skipState = null;
+    // Resume playback if we were playing
+    if (_playing) {
+      onPlay();
+    } else {
+      _setState(processingState: AudioProcessingState.ready);
+    }
+  }
+
+  @override
+  void onPlay() {
+    if (_skipState == null) {
+      _playing = true;
+      _audioPlayer.play();
+      AudioServiceBackground.sendCustomEvent('just played');
+    }
+  }
+
+  @override
+  void onPause() {
+    if (_skipState == null) {
+      _playing = false;
+      _audioPlayer.pause();
+      AudioServiceBackground.sendCustomEvent('just paused');
+    }
+  }
+
+  @override
+  void onSeekTo(Duration position) {
+    _audioPlayer.seek(position);
+  }
+
+  @override
+  void onClick(MediaButton button) {
+    playPause();
+  }
+
+  @override
+  Future<void> onFastForward() async {
+    await _seekRelative(fastForwardInterval);
+  }
+
+  @override
+  Future<void> onRewind() async {
+    await _seekRelative(-rewindInterval);
+  }
+
+  Future<void> _seekRelative(Duration offset) async {
+    var newPosition = _audioPlayer.playbackEvent.position + offset;
+    if (newPosition < Duration.zero) newPosition = Duration.zero;
+    if (newPosition > mediaItem.duration) newPosition = mediaItem.duration;
+    await _audioPlayer.seek(newPosition);
+  }
+
+  @override
+  Future<void> onStop() async {
+    await _audioPlayer.stop();
+    await _audioPlayer.dispose();
+    _playing = false;
+    _playerStateSubscription.cancel();
+    _eventSubscription.cancel();
+    await _setState(processingState: AudioProcessingState.stopped);
+    // Shut down this task
+    await super.onStop();
+  }
+
+  /* Handling Audio Focus */
+  @override
+  void onAudioFocusLost(AudioInterruption interruption) {
+    if (_playing) _interrupted = true;
+    switch (interruption) {
+      case AudioInterruption.pause:
+      case AudioInterruption.temporaryPause:
+      case AudioInterruption.unknownPause:
+        onPause();
+        break;
+      case AudioInterruption.temporaryDuck:
+        _audioPlayer.setVolume(0.5);
+        break;
+    }
+  }
+
+  @override
+  void onAudioFocusGained(AudioInterruption interruption) {
+    switch (interruption) {
+      case AudioInterruption.temporaryPause:
+        if (!_playing && _interrupted) onPlay();
+        break;
+      case AudioInterruption.temporaryDuck:
+        _audioPlayer.setVolume(1.0);
+        break;
+      default:
+        break;
+    }
+    _interrupted = false;
+  }
+
+  @override
+  void onAudioBecomingNoisy() {
+    onPause();
+  }
+
+  Future<void> _setState({
+    AudioProcessingState processingState,
+    Duration position,
+    Duration bufferedPosition,
+  }) async {
+    if (position == null) {
+      position = _audioPlayer.playbackEvent.position;
+    }
+    await AudioServiceBackground.setState(
+      controls: getControls(),
+      systemActions: [MediaAction.seekTo],
+      processingState:
+      processingState ?? AudioServiceBackground.state.processingState,
+      playing: _playing,
+      position: position,
+      bufferedPosition: bufferedPosition ?? position,
+      speed: _audioPlayer.speed,
+    );
+  }
+
+  List<MediaControl> getControls() {
+    if (_playing) {
+      return [
+        // skipToPreviousControl,
+        pauseControl,
+        // stopControl,
+        // skipToNextControl
+      ];
+    } else {
+      return [
+        // skipToPreviousControl,
+        playControl,
+        // stopControl,
+        // skipToNextControl
+      ];
+    }
+  }
+}
diff --git a/lib/gui/ebm_social.dart b/lib/gui/ebm_social.dart
new file mode 100644
index 0000000..0dea4c6
--- /dev/null
+++ b/lib/gui/ebm_social.dart
@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class EbmSocial extends StatefulWidget{
+  _EbmSocial createState() => _EbmSocial();
+}
+
+class _EbmSocial extends State<EbmSocial>{
+  _visitWeb(String url) async {
+    if(await canLaunch(url)){
+      await launch(url);
+    }
+  }
+  Widget build(BuildContext context){
+    return Container(
+      height: 300,
+      child: ListView(
+        children: [
+          ListTile(
+            leading: Image(image: AssetImage('assets/facebook.png')),
+            title: Text("Facebook"),
+            onTap: (){
+              _visitWeb('https://facebook.com/groups/ebm.radio/');
+            },
+          ),
+          ListTile(
+            leading: Image(image: AssetImage('assets/flickr.png')),
+            title: Text("Flickr"),
+            onTap: (){
+              _visitWeb('https://flickr.com/photos/154224693@N07');
+            },
+          ),
+          ListTile(
+            leading: Image(image: AssetImage('assets/instagram.png')),
+            title: Text("Instagram"),
+            onTap: (){
+              _visitWeb('https://www.instagram.com/ebm_radio/');
+            },
+          ),
+          ListTile(
+            leading: Image(image: AssetImage('assets/telegram.png')),
+            title: Text("Telegram"),
+            onTap: (){
+              _visitWeb('https://t.me/ebm_radio');
+            },
+          ),
+          ListTile(
+            leading: Image(image: AssetImage('assets/twitter.png')),
+            title: Text("Twitter"),
+            onTap: (){
+              _visitWeb('https://twitter.com/ebm_radio');
+            },
+          )
+        ],
+      ),
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/gui/ebm_wishform.dart b/lib/gui/ebm_wishform.dart
new file mode 100644
index 0000000..0cabc1c
--- /dev/null
+++ b/lib/gui/ebm_wishform.dart
@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'package:ebmradioplayer/generated/l10n.dart';
+
+class EbmWishform extends StatefulWidget {
+  EbmWishform({
+    this.sendUrl
+  });
+  final String sendUrl;
+  final TextEditingController _nameController = TextEditingController();
+  final TextEditingController _songController = TextEditingController();
+  final TextEditingController _artistController = TextEditingController();
+  final TextEditingController _greetingsController = TextEditingController();
+  _EbmWishform createState() => _EbmWishform();
+}
+
+class _EbmWishform extends State<EbmWishform>{
+  _sendWish(BuildContext ctx) async {
+    String qry = Uri.encodeFull(
+      widget.sendUrl +
+        '?name=' + widget._nameController.text +
+        '&song=' + widget._songController.text +
+        '&interpret=' + widget._artistController.text +
+        '&gruesse=' + widget._greetingsController.text
+    );
+    print(qry);
+    String resp = "";// await HttpUtils.getForString(qry);
+    Scaffold.of(ctx).showSnackBar(SnackBar(
+      content: Text(
+        resp == "1" ? S.current.wishSent : S.current.wishError
+      ),
+    ));
+  }
+  Widget build(BuildContext context){
+    return Container(
+      height: 300,
+      child: Column(
+        children: [
+          Text(S.current.makeAWish),
+          TextField(
+            controller: widget._nameController,
+            decoration: InputDecoration(
+              hintText: S.current.enterYourName
+            ),
+            scrollPadding: EdgeInsets.all(80.0),
+          ),
+          TextField(
+            controller: widget._songController,
+            decoration: InputDecoration(
+              hintText: S.current.enterASong
+            ),
+            scrollPadding: EdgeInsets.all(80.0),
+          ),
+          TextField(
+            controller: widget._artistController,
+            decoration: InputDecoration(
+              hintText: S.current.enterArtist
+            ),
+            scrollPadding: EdgeInsets.all(80.0),
+          ),
+          TextField(
+            controller: widget._greetingsController,
+            decoration: InputDecoration(
+              hintText: S.current.greetings
+            ),
+            scrollPadding: EdgeInsets.all(80.0),
+            textInputAction: TextInputAction.send,
+            onEditingComplete: (){
+              _sendWish(context);
+            },
+          ),
+          RaisedButton(
+            child: Text(S.current.send),
+            onPressed: (){
+              _sendWish(context);
+            },
+          )
+        ],
+      ),
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/l10n/intl_de.arb b/lib/l10n/intl_de.arb
index 362e764..ff91c96 100644
--- a/lib/l10n/intl_de.arb
+++ b/lib/l10n/intl_de.arb
@@ -10,5 +10,6 @@
   "send": "Senden",
   "wishSent": "Wunsch verschickt",
   "ourWebsite": "Mehr auf unserer Website",
-  "configStream": "Stream wählen"
+  "configStream": "Stream wählen",
+  "wishError": "Fehler beim Verschicken"
 }
\ No newline at end of file
diff --git a/lib/l10n/intl_en.arb b/lib/l10n/intl_en.arb
index f81d408..8e4bc34 100644
--- a/lib/l10n/intl_en.arb
+++ b/lib/l10n/intl_en.arb
@@ -10,5 +10,6 @@
   "send": "Send",
   "wishSent": "Wish sent",
   "ourWebsite": "Visit our Website",
-  "configStream": "Choose Stream"
+  "configStream": "Choose Stream",
+  "wishError": "Error on sending"
 }
\ No newline at end of file
diff --git a/lib/l10n/intl_fr.arb b/lib/l10n/intl_fr.arb
index 011f389..2c3d28b 100644
--- a/lib/l10n/intl_fr.arb
+++ b/lib/l10n/intl_fr.arb
@@ -10,5 +10,6 @@
   "send": "Envoyer",
   "wishSent": "souhait envoyé",
   "ourWebsite": "visitez notre site Internet",
-  "configStream": "choisit le flux"
+  "configStream": "choisit le flux",
+  "wishError": "erreur d'envoi"
 }
\ No newline at end of file
diff --git a/lib/main.dart b/lib/main.dart
index 13e40e6..188365c 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,13 +1,12 @@
+import 'package:ebmradioplayer/gui/ebm_news.dart';
+import 'package:ebmradioplayer/gui/ebm_player.dart';
+import 'package:ebmradioplayer/gui/ebm_social.dart';
+import 'package:ebmradioplayer/gui/ebm_wishform.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
-import 'package:just_audio/just_audio.dart';
-import 'package:basic_utils/basic_utils.dart';
-import 'dart:async';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'generated/l10n.dart';
-import 'package:webfeed/webfeed.dart';
-import 'package:url_launcher/url_launcher.dart';
-import 'package:localstorage/localstorage.dart';
+//import 'package:localstorage/localstorage.dart';
 
 enum STREAM_TYPE {
   AAC,
@@ -15,11 +14,11 @@ enum STREAM_TYPE {
   MP3320,
   UNKNOWN
 }
-
 void main() {
   runApp(MyApp());
 }
 
+
 class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
@@ -35,8 +34,56 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
         visualDensity: VisualDensity.adaptivePlatformDensity,
+        accentColor: Colors.green,
+        scaffoldBackgroundColor: Colors.black,
+        appBarTheme: AppBarTheme(
+          color: Colors.black,
+          textTheme: TextTheme(
+              bodyText1: TextStyle(color: Colors.green),
+              bodyText2: TextStyle(color: Colors.green),
+              button: TextStyle(color: Colors.green),
+              subtitle1: TextStyle(color: Colors.green),
+              subtitle2: TextStyle(color: Colors.green),
+            headline1: TextStyle(color: Colors.green),
+            headline2: TextStyle(color: Colors.green),
+            headline3: TextStyle(color: Colors.green),
+            headline4: TextStyle(color: Colors.green),
+            headline5: TextStyle(color: Colors.green),
+            headline6: TextStyle(color: Colors.green, fontSize: 20.0),
+            caption: TextStyle(color: Colors.green),
+          ),
+          actionsIconTheme: IconThemeData(
+            color: Colors.green
+          )
+        ),
+        primaryTextTheme: TextTheme(
+          bodyText1: TextStyle(color: Colors.green),
+          bodyText2: TextStyle(color: Colors.green),
+          button: TextStyle(color: Colors.green),
+          subtitle1: TextStyle(color: Colors.green),
+          subtitle2: TextStyle(color: Colors.green)
+        ),
+        textTheme: TextTheme(
+          bodyText1: TextStyle(color: Colors.green),
+          bodyText2: TextStyle(color: Colors.green),
+          button: TextStyle(color: Colors.green),
+            subtitle1: TextStyle(color: Colors.green),
+            subtitle2: TextStyle(color: Colors.green)
+        ),
+        inputDecorationTheme: InputDecorationTheme(
+          hintStyle: TextStyle(color: Colors.green),
+        ),
+        buttonTheme: ButtonThemeData(
+          buttonColor: Colors.black,
+          textTheme: ButtonTextTheme.accent,
+          shape: Border.all(
+            width: 2.0,
+            color: Colors.green
+          )
+        )
       ),
-      home: MyHomePage(title: '(((EBM Radio)))'),
+      // home: MyHomePage(title: '(((EBM Radio)))'),
+      home: MyHomePage(title: '(((EBM Radio)))',),
     );
   }
 }
@@ -44,209 +91,43 @@ class MyApp extends StatelessWidget {
 class MyHomePage extends StatefulWidget {
   MyHomePage({Key key, this.title}) : super(key: key);
   final String title;
-  /// holds the current streamed title
-  final TextEditingController _current = TextEditingController();
-  /// the current stream-url
-  final ValueNotifier<String> _streamUrl = ValueNotifier("http://ebm-radio.org:8000");
-  /// the url to check the status for the whishform
-  final String _whishStatusUri =
-      "https://www.ebm-radio.de/scripts/wunschform_status/status.php";
   final String _wishSendUrl =
-  /// the url to post a whish
       "https://www.ebm-radio.de/scripts/wunschform_status/wish.php";
-  /// the url of the newsfeed
   final String _feedUrl = 'https://ebm-radio.de/index.php?format=feed&type=rss';
-  /// is the stream running or not?
-  final ValueNotifier<bool> _running = ValueNotifier(false);
-  /// is the whishform active or not?
-  final ValueNotifier<bool> _wishes = ValueNotifier(false);
-  /// holds the name of the user for the whishform
-  final TextEditingController _name = TextEditingController();
-  /// holds the songtitle for the whishform
-  final TextEditingController _song = TextEditingController();
-  /// the band/artist for the whishform
-  final TextEditingController _artist = TextEditingController();
-  /// greetings from the whishform
-  final TextEditingController _greetings = TextEditingController();
+  final String _homeUrl = "https://ebm-radio.de";
   /// the configuration for the stream url
-  final ValueNotifier<STREAM_TYPE> _type = ValueNotifier(STREAM_TYPE.UNKNOWN);
+  // final ValueNotifier<STREAM_TYPE> _type = ValueNotifier(STREAM_TYPE.UNKNOWN);
   /// for storing the stream type
-  final LocalStorage _localStorage = LocalStorage("ebmradioplayer");
+  // final LocalStorage _localStorage = LocalStorage("ebmradioplayer");
   @override
   _MyHomePageState createState() => _MyHomePageState();
 }
 
 class _MyHomePageState extends State<MyHomePage> {
   /// the player itself
-  AudioPlayer _player;
-  /// the newsitems
-  List<String> _newsItems = List();
-  /// init the player page
-  void initState() {
-    super.initState();
-    /// get the current stream configuration and set the matching url
-    var type = widget._localStorage.getItem("type");
-    if(type == null)
-      type = "0";
-    widget._type.value = STREAM_TYPE.values[int.parse(type)];
-    switch(widget._type.value) {
-      case STREAM_TYPE.AAC:
-        print("AAC");
-        widget._streamUrl.value = "http://ebm-radio.org:8000";
-        break;
-      case STREAM_TYPE.MP3192:
-        print("192");
-        widget._streamUrl.value = "http://ebm-radio.org:7000";
-        break;
-      case STREAM_TYPE.MP3320:
-        print("320");
-        widget._streamUrl.value = "http://ebm-radio.org:7000/hq";
-        break;
-      default:
-        widget._streamUrl.value = "http://ebm-radio.org:8000";
-    }
-    /// init the player
-    AudioPlayer.setIosCategory(IosCategory.playback);
-    _player = AudioPlayer();
-    Stream<IcyMetadata> s = _player.icyMetadataStream;
-    s.listen((event) {
-      print(event.info.title);
-      print(widget._running.value);
-      setState(() {
-        widget._current.text = event.info.title;
-      });
-    });
-    /// check periodic for the status of the whishform
-    Timer.periodic(Duration(minutes: 5, seconds: 0), (timer) {
-      print("Timer run");
-      _wishFormStatus();
-    });
-    /// check periodic for news
-    Timer.periodic(Duration(hours: 1), (timer) {
-      _feed();
-    });
-    _feed();
-  }
-  /// load the current newsfeed and display them
-  _feed() async {
-    var feed = await HttpUtils.getForString(widget._feedUrl);
-    var rss = RssFeed.parse(feed);
-    setState(() {
-      int i = 0;
-      _newsItems.clear();
-      rss.items.forEach((element) {
-        if(i++ < 11) {
-          print(element.title);
-          _newsItems.add(element.title);
-        }
-      });
-    });
-  }
-  /// check the state of the whishform
-  _wishFormStatus() async {
-    String ret = await HttpUtils.getForString(widget._whishStatusUri);
+  // AudioPlayer _player;
+  List<Widget> _widgets;
+  int _selectedIndex = 0;
+  void _navBarTap(int index){
     setState(() {
-      widget._wishes.value = (ret == "1" ? true : false);
+      _selectedIndex = index;
     });
   }
-  /// start and stop the player
-  _playPause() async {
-    if (_player.playbackState == AudioPlaybackState.playing) {
-      await _player.stop();
-    } else {
-      await _player.setUrl(widget._streamUrl.value).catchError((err) {
-        widget._current.text = err.toString();
-      });
-      await _player.play();
-    }
-  }
-  /// send a whish
-  _sendWish(BuildContext ctx) async {
-    if (widget._name.text.isEmpty) {
-      Scaffold.of(ctx).showSnackBar(SnackBar(
-        backgroundColor: Colors.green,
-        content: Text(S.current.enterYourName),
-      ));
-      return;
-    }
-    if (widget._song.text.isEmpty) {
-      Scaffold.of(ctx).showSnackBar(SnackBar(
-        backgroundColor: Colors.green,
-        content: Text(S.current.enterASong),
-      ));
-      return;
-    }
-    if (widget._artist.text.isEmpty) {
-      Scaffold.of(ctx).showSnackBar(SnackBar(
-        backgroundColor: Colors.green,
-        content: Text(S.current.enterArtist),
-      ));
-      return;
-    }
-    String uri = widget._wishSendUrl + '?interpret='
-        + widget._artist.text + '&song='
-        + widget._song.text + '&name='
-        + widget._name.text + '&gruesse='
-        + widget._greetings.text;
-    String send = Uri.encodeFull(uri);
-    print(send);
-    var resp = await HttpUtils.getForString(send);
-    /* String bdy = 'name=' +
-        Uri.encodeComponent(widget._name.text) +
-        '&interpret=' +
-        Uri.encodeComponent(widget._artist.text) +
-        '&song=' +
-        Uri.encodeComponent(widget._song.text) +
-        '&gruesse=' +
-        Uri.encodeComponent(widget._greetings.text);
-    print(bdy);
-    Map<String, String> hdr = Map();
-    hdr['Content-Type'] = 'application/x-www-form-urlencoded';
-    var resp = await HttpUtils.postForString(widget._wishSendUrl, body: bdy);*/
-    print(resp);
-    widget._song.clear();
-    widget._artist.clear();
-    widget._greetings.clear();
-    Scaffold.of(ctx).showSnackBar(SnackBar(
-      backgroundColor: Colors.green,
-      content: Text(S.current.wishSent),
-    ));
-  }
-  /// visit a url via browser
-  _visitWeb(String url) async {
-    if(await canLaunch(url)){
-      await launch(url);
-    }
-  }
-  /// show the config dialog and configure the stream source
-  _configure(BuildContext ctx) async {
-    var stream = await showDialog(
-        context: ctx,
-      builder: (BuildContext context){
-          return _ConfigDialog(
-            type: widget._type,
-          );
-      }
-    );
-    switch(stream){
-      case STREAM_TYPE.AAC:
-        print("AAC");
-        widget._streamUrl.value = "http://ebm-radio.org:8000";
-        widget._localStorage.setItem("type", 0);
-        break;
-      case STREAM_TYPE.MP3192:
-        print("192");
-        widget._streamUrl.value = "http://ebm-radio.org:7000";
-        widget._localStorage.setItem("type", 1);
-        break;
-      case STREAM_TYPE.MP3320:
-        print("320");
-        widget._streamUrl.value = "http://ebm-radio.org:7000/hq";
-        widget._localStorage.setItem("type", 2);
-        break;
-      default:
-        print("No Changes");
-    }
+  /// init the player page
+  void initState() {
+    super.initState();
+    _widgets = <Widget>[
+      EbmNews(
+        newsFeed: widget._feedUrl,
+        webUrl: widget._homeUrl,
+      ),
+      EbmWishform(
+        sendUrl: widget._wishSendUrl,
+      ),
+      EbmSocial(
+
+      )
+    ];
   }
   /// show the user interface
   @override
@@ -255,20 +136,13 @@ class _MyHomePageState extends State<MyHomePage> {
     S.load(_l);
     print(_l);
     return Scaffold(
-        backgroundColor: Colors.black,
+        // backgroundColor: Colors.black,
         appBar: AppBar(
-          title: Text(
-            widget.title,
-            style:
-                TextStyle(backgroundColor: Colors.black, color: Colors.green),
-          ),
+          title: Text(widget.title),
           centerTitle: true,
-          backgroundColor: Colors.black,
           actions: [ /// the configuration menu
             PopupMenuButton(
               onSelected: (res){
-                print("on select");
-                _configure(context);
               },
               itemBuilder: (BuildContext context) => <PopupMenuEntry>[
                 const PopupMenuItem(
@@ -287,256 +161,61 @@ class _MyHomePageState extends State<MyHomePage> {
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: <Widget>[
-                /// the top view that dosnt change
-                Text(
-                  'Strange music for strange people',
-                  style: TextStyle(
-                      color: Colors.green,
-                      fontWeight: FontWeight.bold,
-                      fontSize: 20),
-                ),
-                Image(
-                  image: AssetImage('assets/radiologo.png'),
-                  fit: BoxFit.fitWidth,
-                ),
-                Row(
-                  children: [
-                    Expanded(
-                      child: TextField(
-                        controller: widget._current,
-                        readOnly: true,
-                        enabled: false,
-                        style: TextStyle(color: Colors.green),
-                        textAlign: TextAlign.center,
-                        maxLines: 1,
-                        minLines: 1,
-                      ),
-                    )
-                  ],
-                ),
-                Visibility(
-                  visible: !widget._running.value,
-                  child: RaisedButton.icon(
-                    color: Colors.black,
-                    shape: Border.all(width: 2.0, color: Colors.green),
-                    onPressed: () {
-                      widget._running.value = true;
-                      _playPause();
-                    },
-                    icon: Icon(
-                      Icons.play_arrow,
-                      color: Colors.green,
-                    ),
-                    label: Text(
-                      "Play",
-                      style: TextStyle(color: Colors.green),
-                    ),
-                  ),
-                ),
-                Visibility(
-                  visible: widget._running.value,
-                  child: RaisedButton.icon(
-                    color: Colors.black,
-                    shape: Border.all(width: 2.0, color: Colors.green),
-                    onPressed: () {
-                      widget._running.value = false;
-                      _playPause();
-                    },
-                    icon: Icon(
-                      Icons.stop,
-                      color: Colors.green,
-                    ),
-                    label: Text(
-                      "Stop",
-                      style: TextStyle(color: Colors.green),
-                    ),
-                  ),
+                EbmPlayer(
+                  //streamType: widget._type,
                 ),
-                /// the whishform
-                Builder(
-                  builder: (BuildContext context) {
-                    return Column(children: [
-                      Visibility(
-                          visible: widget._wishes.value,
-                          child: Container(
-                            padding: const EdgeInsets.all(20.0),
-                            decoration: BoxDecoration(
-                                border: Border.all(
-                                    width: 2.0, color: Colors.green)),
-                            child: Center(
-                              child: Column(
-                                children: [
-                                  Text(
-                                    S.current.makeAWish,
-                                    textAlign: TextAlign.center,
-                                    style: TextStyle(
-                                        color: Colors.green,
-                                        fontWeight: FontWeight.bold),
-                                  ),
-                                  TextField(
-                                    decoration: InputDecoration(
-                                      hintText: S.current.yourName,
-                                      hintStyle: TextStyle(color: Colors.green),
-                                    ),
-                                    style: TextStyle(color: Colors.green),
-                                    controller: widget._name,
-                                    scrollPadding: EdgeInsets.all(80.0),
-                                  ),
-                                  TextField(
-                                    decoration: InputDecoration(
-                                      hintText: S.current.songName,
-                                      hintStyle: TextStyle(color: Colors.green),
-                                    ),
-                                    style: TextStyle(color: Colors.green),
-                                    controller: widget._song,
-                                    scrollPadding: EdgeInsets.all(80.0),
-                                  ),
-                                  TextField(
-                                    decoration: InputDecoration(
-                                      hintText: S.current.artist,
-                                      hintStyle: TextStyle(color: Colors.green),
-                                    ),
-                                    style: TextStyle(color: Colors.green),
-                                    controller: widget._artist,
-                                    scrollPadding: EdgeInsets.all(80.0),
-                                  ),
-                                  TextField(
-                                    decoration: InputDecoration(
-                                      hintText: S.current.greetings,
-                                      hintStyle: TextStyle(color: Colors.green),
-                                    ),
-                                    style: TextStyle(color: Colors.green),
-                                    controller: widget._greetings,
-                                    scrollPadding: EdgeInsets.all(80.0),
-                                    minLines: 2,
-                                    maxLines: 2,
-                                    textInputAction: TextInputAction.send,
-                                    onEditingComplete: () {
-                                      _sendWish(context);
-                                    },
-                                  ),
-                                  RaisedButton(
-                                    child: Text(
-                                      S.current.send,
-                                      style: TextStyle(color: Colors.green),
-                                    ),
-                                    color: Colors.black,
-                                    shape: Border.all(
-                                        width: 2.0, color: Colors.green),
-                                    onPressed: () {
-                                      print("sending...");
-                                      _sendWish(context);
-                                    },
-                                  )
-                                ],
-                              ),
-                            ),
-                          )
-                      ),
-                      /// the newsfeed
-                      Visibility(
-                        visible: !widget._wishes.value,
-                        child: SizedBox(
-                          // padding: const EdgeInsets.all(20.0),
-                          height: 300.0,
-                          child: Column(
-                            children: [
-                              Text(
-                                "News",
-                                style: TextStyle(color: Colors.green, fontWeight: FontWeight.bold),
-                              ),
-                              ListView.builder(
-                                shrinkWrap: true,
-                                itemCount: _newsItems.length,
-                                itemBuilder: (BuildContext ctxt, int index){
-                                  return new Text(
-                                      _newsItems[index],
-                                    textAlign: TextAlign.center,
-                                    style: TextStyle(color: Colors.green),
-                                  );
-                                },
-                              ),
-                              RaisedButton(
-                                color: Colors.black,
-                                shape: Border.all(
-                                    width: 2.0, color: Colors.green),
-                                onPressed: () {
-                                  _visitWeb("https://ebm-radio.de");
-                                },
-                                child: Text(
-                                    S.current.ourWebsite,
-                                  style: TextStyle(color: Colors.green),
-                                ),
-                              ),
-                              Spacer(),
-                              /// social buttons
-                              Row(
-                                children: [
-                                  Flexible(
-                                    flex: 1,
-                                    fit: FlexFit.tight,
-                                    child: RaisedButton(
-                                      color: Colors.black,
-                                      child: Image(
-                                        image: AssetImage("assets/facebook.png"),
-                                      ),
-                                      onPressed: (){
-                                        _visitWeb("https://www.facebook.com/groups/ebm.radio/");
-                                      },
-                                    ),
-                                  ),
-                                  Flexible(
-                                    flex: 1,
-                                    fit: FlexFit.tight,
-                                    child: RaisedButton(
-                                      color: Colors.black,
-                                      child: Image(
-                                        image: AssetImage("assets/telegram.png"),
-                                      ),
-                                      onPressed: (){
-                                        _visitWeb("https://t.me/ebm_radio");
-                                      },
-                                    ),
-                                  ),
-                                  Flexible(
-                                    flex: 1,
-                                    fit: FlexFit.tight,
-                                    child: RaisedButton(
-                                      color: Colors.black,
-                                      child: Image(
-                                        image: AssetImage("assets/instagram.png"),
-                                      ),
-                                      onPressed: (){
-                                        _visitWeb("https://www.instagram.com/ebm_radio/");
-                                      },
-                                    ),
-                                  ),
-                                  Flexible(
-                                    flex: 1,
-                                    fit: FlexFit.tight,
-                                    child: RaisedButton(
-                                      color: Colors.black,
-                                      child: Image(
-                                        image: AssetImage("assets/twitter.png"),
-                                      ),
-                                      onPressed: (){
-                                        _visitWeb("https://twitter.com/ebm_radio");
-                                      },
-                                    ),
-                                  )
-                                ],
-                              )
-                            ],
-                          ),
-                        ),
-                      )
-                    ]);
-                  },
+                Container(
+                  child: _widgets.elementAt(_selectedIndex),
                 )
               ],
             ),
           ),
-        ));
+        ),
+      bottomNavigationBar: BottomNavigationBar(
+        backgroundColor: Colors.black,
+        items: [
+          BottomNavigationBarItem(
+            title: Text("News",
+              style: TextStyle(color: Colors.green),
+            ),
+            icon: Icon(
+                Icons.new_releases,
+              color: Colors.green,
+            ),
+            activeIcon: Icon(
+              Icons.new_releases,
+              color: Colors.lightGreen,
+            )
+          ),
+          BottomNavigationBarItem(
+            title: Text("Wishes",
+              style: TextStyle(color: Colors.green),
+            ),
+            icon: Icon(Icons.question_answer,
+              color: Colors.green,
+            ),
+            activeIcon: Icon(
+              Icons.question_answer,
+              color: Colors.lightGreen,
+            )
+          ),
+          BottomNavigationBarItem(
+              title: Text("Social",
+                style: TextStyle(color: Colors.green),
+              ),
+              icon: Icon(Icons.public,
+                color: Colors.green,
+              ),
+              activeIcon: Icon(
+                Icons.public,
+                color: Colors.lightGreen,
+              )
+          ),
+        ],
+        currentIndex: _selectedIndex,
+        onTap: _navBarTap,
+      ),
+    );
   }
 }
 /// the configuration dialog
diff --git a/pubspec.lock b/pubspec.lock
index d062031..a590344 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -21,7 +21,7 @@ packages:
       name: asn1lib
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.4"
+    version: "0.6.5"
   async:
     dependency: transitive
     description:
@@ -29,6 +29,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.4.1"
+  audio_service:
+    dependency: "direct main"
+    description:
+      name: audio_service
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.11.2"
   basic_utils:
     dependency: "direct main"
     description:
@@ -43,6 +50,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.0"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   charcode:
     dependency: transitive
     description:
@@ -63,7 +77,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.14.12"
+    version: "1.14.13"
   convert:
     dependency: transitive
     description:
@@ -104,6 +118,20 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_cache_manager:
+    dependency: transitive
+    description:
+      name: flutter_cache_manager
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.4.1"
+  flutter_isolate:
+    dependency: transitive
+    description:
+      name: flutter_isolate
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0+14"
   flutter_launcher_icons:
     dependency: "direct dev"
     description:
@@ -188,7 +216,7 @@ packages:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.6"
+    version: "0.12.8"
   meta:
     dependency: transitive
     description:
@@ -216,7 +244,7 @@ packages:
       name: path_provider_linux
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.0.1+1"
+    version: "0.0.1+2"
   path_provider_macos:
     dependency: transitive
     description:
@@ -306,6 +334,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.7.0"
+  sqflite:
+    dependency: transitive
+    description:
+      name: sqflite
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.1"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.2+1"
   stack_trace:
     dependency: transitive
     description:
@@ -327,6 +369,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.5"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.2.0+1"
   term_glyph:
     dependency: transitive
     description:
@@ -340,14 +389,14 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.2.16"
+    version: "0.2.17"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.6"
+    version: "1.2.0"
   url_launcher:
     dependency: "direct main"
     description:
@@ -375,7 +424,14 @@ packages:
       name: url_launcher_web
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.1+6"
+    version: "0.1.2"
+  uuid:
+    dependency: transitive
+    description:
+      name: uuid
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.2.0"
   vector_math:
     dependency: transitive
     description:
@@ -412,5 +468,5 @@ packages:
     source: hosted
     version: "2.2.1"
 sdks:
-  dart: ">=2.7.0 <3.0.0"
+  dart: ">=2.9.0-14.0.dev <3.0.0"
   flutter: ">=1.12.13+hotfix.5 <2.0.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index d39e847..ec2600b 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -31,6 +31,7 @@ dependencies:
   webfeed: ^0.4.2
   url_launcher: ^5.4.11
   localstorage: ^3.0.0
+  audio_service: ^0.11.2
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.