Hi,
I publish my skin for foobar2000 for mobile here.
I named it "Nightowl" after the image of twilight in the sky after listening to my favorite music all night long🌃.
Check out the following!!
Skin Name: Nightowl
Version: 1.0
Published Date: 2022/10/23 (in Japan)
Descriptions:
- Compatible with 20:9. 19.5:9, 16:9 aspect ratio: Pixel 7 Pro, iPhone 14 Pro, iPhone SE 2, and etc.
- No conflict with notches, punch holes, or dynamic island on the top of the display.
- Simple and dark theme.
- Displaying album artwork, album title, release date, title, artist name, current playback position and total duration.
- Designed for one-handed operation on a smartphone.
Installation:
- For iOS, locate the skin file (.fbskin) in the application folder via the iTunes file sharing function or the FTP sharing function of foobar2000 for mobile, etc. You will find "Nightowl" under Tools > Choose Skin > User Skins. Choose it.
- For Android, locate the skin file (.fbskin) in internal memory or sd card. Select Tools > Choose Skin > ADD MORE > Open... and open the skin file. You will find "Nightowl" under Tools > Choose Skin > USER SKINS. Choose it.
- For Mac (with Apple Sillicon), basic procedure is identical to the case of iOS but location of application folder is complicated. On my M2 MBA (2022), I found it under Macintosh HD > Users > "User Name" > Library > Containers > foobar2000 > Data > Documents. Locate the skin file (.fbskin) in the Documents folder.
- For Windows 11, installation procedure is identical to the case of Android.
Details and Usage:
- Artwork with 1:1 aspect ratio should be displayed with rounded corner (If square artworks are not rounded, try turning off the option: Tools > Advanced > Hide status bar on the playback screen).
- Too long titles or names will be truncated.
- Internal volume control available (portrait display with 19.5:9 and 20:9 aspect ratio only), which is independent from system volume.
- Ticks on the slider are just a guide.
- To open the menu, tap the title and artist name of song. You can check the state of playback order mode and add to specific playlist.
Notes:
- If you use a smartphone with an unsupported aspect ratio, or if you change the window size on a Mac or Windows, the intended display will not be obtained.
- Supported aspect ratios may be added upon request. Planning to support the latest iPad series (i.e., 4:3).
- Feedbacks on design, coloring, necessity of volume control and playback order buttons are welcome!!
Acknowledgements:
- In creating the original skin, I was inspired by the Metro UI 2.0 (https://hydrogenaud.io/index.php/topic,120083.0.html) created by BkunS, and many of the menu icons were modified from Metro UI 2.0.
- Also, some documentation on skinning (https://foobar2000.xrea.jp/?foobar2000+mobile) were very helpful.
This original skin was made for personal use. Therefore, it is always fundamentally a beta version.
Especially, I am not an Android user, so I have not tested my skin on Android smartphones, and I am not familiar with the specifications of Android-specific displaying function (e.g., home button).
If you have any requests or problems, please do not hesitate to report them.
The name of the device you are using, the specifications of the display, and information about the display area of the skin, which can be obtained from Tools > Console in foobar2000 for mobile, can be helpful.
I may accommodate your requests
depending on my capacity.
Thanks so much! It works perfectly on my phone.
Good to hear my skin is working well.
how to solve "Access Denied"?
how to solve "Access Denied"?
Are you trying on Android? If so, I have no idea about the problem because I own no Android device.
I suggest checking the system setting on security or privacy or permission for application.
Allowing foobar2000 to access the files in storage would solve the problem.
how to solve "Access Denied"?
All versions after 1.3 can't install skins because of this, the only solution is to downgrade to the last 1.2 version, install, and then update to the latest version.
how to solve "Access Denied"?
What folder are you trying to access? Many apps cannot have system or root folder access anymore on Android. Trying moving the skin file into the Foobar folder. Same on iOS, move the skin file into the foobar2000 folder. I’m using both types of devices and have this skin already set up.
how to solve "Access Denied"?
To reproduce the "Access Denied" problem, I tried running foobar2000 on Android 9 on the Android emulator NoxPlayer.
The skin file was placed under the directory Android>data>com.foobar2000.foobar2000>files.
As a result, I got an "Access Denied" message and could not load the skin file.
Allowing storage access in Android Settings>Applications>foobar2000 did not change the result.
As reported in this thread, another Android user has no problems, so I believe
the issue is with the Android or foobar2000 app, not the skin file.This "Access Denied" problem was also reported in another recent thread, and it seems that downgrading the version of foobar2000 to 1.3 or earlier was able to apply the skin:https://hydrogenaud.io/index.php/topic,122296.msg1009503.html#msg1009503.
Download the .apk file for the 1.2 series of foobar2000 for Android from the link below and install it via the apk file. After that, try loading skin file.
https://www.foobar2000.org/old
This troubleshooting worked for me (Android 9 running on the Android emulator NoxPlayer), and I have confirmed that skins for 20:9 aspect ratio are displayed as intended on Android OS.
On Android 11+ REPLACE the default skins with your choice. I use "Apk Editor Pro" to edit the mobile foobar apk on android and simply replace the default skins
Could you share the raw files/source code of your skin? I'm trying to create my own and it would be helpful, specially to create skins for custom aspect ratios (16:9:5 for example).
Thanks!
The skin works prefect!
One suggestion,
Would it be possible to make the background full black for the OLED-screens?
The skin works prefect!
One suggestion,
Would it be possible to make the background full black for the OLED-screens?
This. I would also like to have a black background.
The skin works prefect!
One suggestion,
Would it be possible to make the background full black for the OLED-screens?
This. I would also like to have a black background.
Guys, thanks for the suggestion.
The full black background is actually something I've been planning, as it would save power on OLED display devices, and it would be easier on the eyes and more useful in situations such as in bed or on a night bus.
Several variations, including a full black background color, will be available soon as version 2.0.In version 2.0, the volume bar will be eliminated. This is because users often accidentally change the volume by mistake.
If you would like to keep the volume bar, please leave a comment.
Could you share the raw files/source code of your skin? I'm trying to create my own and it would be helpful, specially to create skins for custom aspect ratios (16:9:5 for example).
Thanks!
I will publish source code for Version 2.0 on github, which I am planning to release soon.
Alternatively, you can provide me with the necessary information so that I can incorporate your requested aspect ratio into Version 2.0 (it would be more beneficial for many people as well).
Please leave a comment with the aspect ratio, device name, and any other requests (e.g., volume bar, consideration for special display designs, etc.).
Could you share the raw files/source code of your skin? I'm trying to create my own and it would be helpful, specially to create skins for custom aspect ratios (16:9:5 for example).
Thanks!
I will publish source code for Version 2.0 on github, which I am planning to release soon.
Alternatively, you can provide me with the necessary information so that I can incorporate your requested aspect ratio into Version 2.0 (it would be more beneficial for many people as well).
Please leave a comment with the aspect ratio, device name, and any other requests (e.g., volume bar, consideration for special display designs, etc.).
Hi,
First of all, thank you for this amazing skin and wanting to improve it. I use this skin on my iPhone 14 Pro, which has a 1179x2556 resolution (19.5:9 aspect ratio). Personally, I would love these changes/features:
1- You've already mentioned black background. The iPhone 14 Pro has an OLED display, so pure black looks great on it and it helps to save battery.
2- You've already mentioned no volume control slider. The "Hide status bar on the playback screen" setting isn't checked on my settings, so I don't see the volume slider. This isn't an issue, I like it that way, not just because I consider the volume control slider useless, everything looks centered and the cover doesn't have rounded corners (I prefer it that way).
3- Repeat and shuffle buttons.
Could you share the raw files/source code of your skin? I'm trying to create my own and it would be helpful, specially to create skins for custom aspect ratios (16:9:5 for example).
Thanks!
I will publish source code for Version 2.0 on github, which I am planning to release soon.
Alternatively, you can provide me with the necessary information so that I can incorporate your requested aspect ratio into Version 2.0 (it would be more beneficial for many people as well).
Please leave a comment with the aspect ratio, device name, and any other requests (e.g., volume bar, consideration for special display designs, etc.).
Hi,
First of all, thank you for this amazing skin and wanting to improve it. I use this skin on my iPhone 14 Pro, which has a 1179x2556 resolution (19.5:9 aspect ratio). Personally, I would love these changes/features:
1- You've already mentioned black background. The iPhone 14 Pro has an OLED display, so pure black looks great on it and it helps to save battery.
2- You've already mentioned no volume control slider. The "Hide status bar on the playback screen" setting isn't checked on my settings, so I don't see the volume slider. This isn't an issue, I like it that way, not just because I consider the volume control slider useless, everything looks centered and the cover doesn't have rounded corners (I prefer it that way).
3- Repeat and shuffle buttons.
Thank you for constructive opnions.
I'm sorry for late update due to my academic stuff.
About an issue on layout change when swiching "Hide status bar" option off, I will try fix it.
When that option is applied, the aspect ratio of the area within the application to which the skin will be applied appears to change. I guess fb2k mobile app is adjusting 19.5:9 skin or applying another skin for different aspect ratio.
As a first step, I will try to fix it so that artwork is displayed with rounded corners and the layout does not change even when that option is applied on the iPhone 14 Pro.
About repeat and shuffle buttons, I'm planning to place shuffle button on left side of the previous button, and repeat on right side of the forward button, respectively. If you like other placement of button, please let me know for reference.