{"id":1588,"date":"2018-05-02T16:52:57","date_gmt":"2018-05-02T16:52:57","guid":{"rendered":"https:\/\/karlmax-berlin.com\/uncategorized\/red-bull-radio\/"},"modified":"2022-12-01T10:52:50","modified_gmt":"2022-12-01T10:52:50","slug":"red-bull-app","status":"publish","type":"post","link":"https:\/\/karlmax-berlin.com\/en\/references\/red-bull-app\/","title":{"rendered":"Red Bull Radio"},"content":{"rendered":"
Development[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151612711{margin-bottom: 0px !important;}”]\n
Android, RxJava, Firebase[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151617836{margin-bottom: 0px !important;}”]\n
A Color Bright Red Bull Media House[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151623412{margin-bottom: 0px !important;}”]\n
2015 – 2017[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#ffffff” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151629232{margin-bottom: 0px !important;}”]\n
Our task was the implementation of the features and the UI as native Android app. Project management, web application and design were undertaken by a color bright.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#fafafa” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151635234{margin-bottom: 0px !important;}”]\n
Because you get more than just entertainment here: music lovers get their money\u2019s worth.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section][mk_page_section vertical_align=”top” bg_color=”#ffffff” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column width=”2\/3″][mk_padding_divider size=”80″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151642064{margin-bottom: 0px !important;}”]\n
The Red Bull Radio App is globally available and enables access to an exclusive full program broadcaster with its focus fixed firmly on music. In the Red Bull Music Academy, new and exceptional artists are discovered, pushed and presented in interview. Large events and festivals are broadcast worldwide. With the line-up being constantly expanded, it\u2019s especially for music lovers who like to discover new music and dive deeper into a genre, as well as the stories and the ideas behind the music.<\/p>\n
In addition, there are multiple \u201cchannels\u201d: programs devoted to various themes, continually streamed according to a fixed schedule. New editions of these shows are regularly produced. For every show and for each of its episodes, there is extensive background information plus playlists and comprehensive descriptions.[\/vc_column_text][mk_padding_divider size=”80″][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/mk_page_section][vc_row fullwidth=”true” fullwidth_content=”false” css=”.vc_custom_1525255312472{background-color: #fafafa !important;}”][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”1397″ img_size=”365 \u00d7 620″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151648415{margin-bottom: 0px !important;}”]\n
The design for the Red Bull Radio App had to be consistent for iOS, Android and the Web. That put the focus on high-quality design finish for UI elements and animations. And it added a special treat for us, as the Android team.<\/p>\n
The App features a bottom bar as a control element. It was just at the time our project started in 2016 that this navigation pattern was included in the design guidelines.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/vc_row][vc_row fullwidth=”true” fullwidth_content=”false”][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151654785{margin-bottom: 0px !important;}”]\n
For iPhone users the main app area switching to the bottom screen margin is nothing new. At the beginning of our project this useful tool was recommended to switch between a small number of screens in Android, too. At first the patter was only described as a design element, without a technical component to use in an App. An open source library kickstarted our development, but the devil really was in the details. The control bar should switch between screens, go from black to white and back again with each screen; and if there was a radio stream running, there should be an animated button. Each feature individually wasn\u2019t a big deal \u2013 but what about having for example a colour change for a running frame animation?<\/p>\n
The high performance graphic engine of Android really helped us out here, and allowed for an extremely efficient manipulation through colour masks \u2013 just like different colour transparencies being passed in front of a spotlight.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”1399″ img_size=”365 \u00d7 620″][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/vc_row][mk_page_section vertical_align=”top” bg_color=”#fafafa” attachment=”fixed” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”40″ sidebar=”sidebar-1″][vc_column][mk_padding_divider size=”80″][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text disable_pattern=”false” css=”.vc_custom_1531151661950{margin-bottom: 0px !important;}”]\n
Streaming through Chromecast also needed to be possible with the Red Bull Radio App. The tests ran smoothly, and I began to create reports for the developers and check off features that\u2019d been completed. But suddenly I saw things that just couldn\u2019t be possible. As if put there by a ghost, the control element of the running stream appeared on all the test devices\u2014even on my own private smartphone, on which I\u2019d just uninstalled the app!<\/p>\n
The real culprit turned out to be a new feature that Google had added to the operating system: Android enables all smartphones which find themselves in the same Wi-Fi network to be able to control live streams through Chromecast. So, no ghosts, but we learned something new.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”6864″ img_size=””][\/vc_column_inner][\/vc_row_inner][mk_padding_divider size=”80″][\/vc_column][\/mk_page_section]\n<\/div>","protected":false},"excerpt":{"rendered":"
Exclusive radio
for music lovers<\/p>\n","protected":false},"author":1,"featured_media":2592,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"yoast_head":"\n