website/raspberrypi/mediaserver/setup.js

import{ addBanner, addArticle, addChapterTitle, addTitle, addHeader, addSubHeader, addSmallHeader, addParagraph, addClassParagraph, addCaption, addQuote, addOrderedList, addUnorderedList, addBlockquote } from '/scripts/article.js';

const heading = document.querySelector(".heading");
const global = document.querySelector(".global_menu");
const local = document.querySelector(".local_menu");
const sidebar = document.querySelector(".sidebar");
const main = document.querySelector(".main_content");

heading.append(addTitle("Raspberry Pi"));
heading.append(addParagraph("Web Server"));

main.append(addBanner("Build a Raspberry Pi Media Server - Brad Wheeler"))
main.append(addArticle())
main.append(addHeader("Set Up OSMC"))
main.append(addParagraph("When you start up your OSMC server for the first time, you will be presented with several initial setup menus.  You can navigate through these using the arrow keys on the keyboard and you can use Page Up and Page Down for faster navigation."))
main.append(addParagraph("The menus are fairly easy to understand.  One thing worth pointing out is that you can set it up so that ssh is enabled, but this sets it up with a standard username and password so it is not very secure.  For that reason, it is better to initially disable it.  Later, we will see how to set it up more securely."))
main.append(addParagraph("You can also set up the look for your OSMC server, but we can do that later."))
main.append(addHeader("Learn About OSMC"))
main.append(addParagraph("After the initial setup, we come to the Home screen.  There are some useful Menus we can access but some of these will be more interesting later.  For example, we have a Videos menu, but since we haven't added any content yet, this is empty except for two sub menus, Playlists and Video add-ons and these menus are empty for now."))
main.append(addParagraph("The programs Menu is also empty except for OSMC and selecting this takes you to the OSMC menu which you can also access from inside the Settings menu.  The OSMC menu allows you to preform some basic configuration and this includes things like Networking, Remote Setup and Services - including ssh."))
main.append(addParagraph("Apart from My OSMC, the Settings Menu also includes sub menus for things like the Interface where you can change the appearance of OSMC, the Player menu where you can set some of the playback options for videso, music, discs (Blu-ray, dvd and CD), Profiles, Services (not the same services as found in the OSMC menu), System, System-info, the Add-on Browser and the File Manager."))
main.append(addParagraph("The final menu on the Home screen is Power and from here, we can safely shot down the service before powering down our Raspberry Pi."))
main.append(addParagraph("Let's go back to the settings menus now, beginning with My OSMC.  Some of the configuration options, particularly the Pi config menu which gives you some advanced hardware config options that most users will never touch."))
main.append(addParagraph("Not surprisingly, the updates menu is where you configure automatic updates but it is also where you can configure backing up of the seconds.  You should back these up at least once, but a more regular update backup schedule probably makes more sense.  The Manual Controls menu allows you to manually scan for updates or make a backup."))
main.append(addParagraph("The Networking menu allows you to configure the networking and you can get the IP address from there.  I am using a wired network (for now at least, I may switch over to wireless later).  The Networking menu doesn't seem to be very user-friendly.  You can enable your network adapter here (which seems to be disabled by default) and you can change the IP address.  I had wanted to change the IP address but whenever I do that, it seems to revert to its own ip address even though I thought DHCP had been disabled.  I had wanted it to follow a similar pattern to that which I use for my existing Pi devices (the ip address ends in 0).  In this case, the default address is 192.168.0.10 which I had already configured for a different pi so I will have to go into my router config and reserve the address I want, which is 192.168.0.30 using the MAC address.  I don't think you can get the MAC address form OSMC but you can get it by running arp on a PC connected to the same network."))
main.append(addParagraph("The Logging menu allows you to make a copt of the log files for troubleshooting purposes.  Hopefully you won't need to use it!"))
main.append(addParagraph("Finally, there are a some menus which are not of any interest yet since we have just a basic setup, so we will look at these later when it makes more sense to do that and these are the App Store, Remotes and Services menus."))
main.append(addHeader("Configure OSMC"))
main.append(addParagraph("If we go back to the Settings menu, aside from My OSMC, you could really think of the Settings menu as being a preferences menu since this is where you configure your preferences.  As an example, let's take a look at the Interface menu (previously, this had been the Appearance menu).  From here, we can configure OSMC looks, including skins. Changing an apps skin is usually going to affect the way it looks, but we can also change the content of the Home menu.  On my installation, there are three skins available and these are the default OSMC skin, Estouchy which is for touchscreen devices and Estuary which is the default skin for Kodi."))
main.append(addParagraph("In the course video, there is a Settings menu under Skin where you can configure the options on the Home menu.  On my version, this has been replaced by the Configure skin menu which will allow you to do the same thing.  However, you need to install an Add-on before you can do that, so I'm going to come back to this once that add-on has been installed.  In the course video, this Settings menu allows you to select Customize Home Screen under the Home menu and this displays the existing list of items that appear in that Home menu.  Next to each entry, you should see Up and Down arrows which you can use to change the order of the menu items and you can also add new menu items."))
main.append("To do that, you would select Add in the menu on the right and then Change Action (which you can also use to change the action for an existing menu item).  From there, you can select from each OSMC feature and add-on to provide the functionality you want.")
main.append("The media submenu in the Settings menu allow you to customise how your media is organised for display.  For example, under the Music submenu you can select the option to show song and album artists and cjoose whether to use a scraper to get information on your albums.  Under video, you can select the option to display library titles rather than filenames for your videos.  Note that these are the default options so don't think that you have to go and set them but it is probably worth spending a little bit of time exploring the menus and perhaps experimenting with some of these options.")
main.append(addParagraph("There is also a meni for managing add-ons and we don't have any installed at the moment, but we will look at some of the key add-ons later."))
main.append(addParagraph("Other menus include Services, System (which allows you to configure a number of things at different levels so you will see more oprions if you select the Advanced Menu than you will if you are using the Basic Menu), Profiles (which lets you add additional users who can figure their own settings for OSMC) File Manager (which lets you move, add or delete files) and System Info."))
main.append(addHeader("Set Up Essential Services"))


addSidebar("raspberrypi");