Internet radio browser GUI for music/video streams from various directory services.

โŒˆโŒ‹ โŽ‡ branch:  streamtuner2


introduction.html at [0bc6843caf]

File help/html/introduction.html artifact ba35b35bf7 part of check-in 0bc6843caf


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Introduction</title>
<link rel="stylesheet" type="text/css" href="C.css">
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.syntax.js"></script><script type="text/javascript" src="yelp.js"></script>
</head>
<body><div class="page" role="main">
<div class="header"><div class="trails" role="navigation"><div class="trail">
<a class="trail" href="index.html" title="โ™ช Streamtuner2"><span class="media"><span class="media media-image"><img src="img/logo.png" class="media media-inline" alt="โ™ช"></span></span> Streamtuner2 </a>ย ยป </div></div></div>
<div class="body">
<div class="hgroup"><h1 class="title"><span class="title">Introduction</span></h1></div>
<div class="region">
<div class="contents">
<p class="p">Streamtuner2 is a simple browser for internet radios. It aquires its radio lists
	from various directory services. These are represented as "channel" tabs in the main
	window. Below are the category/genre lists (left) and the stations for a genre (right).</p>
<div class="media media-image"><div class="inner"><img src="img/mainwindow2.svg" class="media media-block" alt=""></div></div>
</div>
<div id="play" class="sect"><div class="inner">
<div class="hgroup"><h2 class="title"><span class="title">How to select and play a radio.</span></h2></div>
<div class="region"><div class="contents">
<div class="steps"><div class="inner"><div class="region"><ol class="steps">
<li class="steps"><p class="p">Select a channel tab, like <span class="code">Shoutcast</span>.</p></li>
<li class="steps"><p class="p">Click one of the genres in the left pane. For example <span class="code">Classic</span>.</p></li>
<li class="steps"><p class="p">Now the right pane loads a radio list.</p></li>
<li class="steps"><p class="p">Double click one of the radio streams or use the <span class="key"><kbd>play</kbd></span> toolbar button.</p></li>
</ol></div></div></div>
<p class="p">Note that some categories can and should be exanded. In a few plugins (modarchive),
	the expandable genre/category brings up no station list on its own, while in Shoutcast
	and most others it's a valid genre in itself.</p>
<p class="p">Some radio stations cannot be played, because they just have a homepage. (That's the
	case for all listings in the Google Stations channel.)</p>
</div></div>
</div></div>
<div id="actions" class="sect"><div class="inner">
<div class="hgroup"><h2 class="title"><span class="title">What else can you do?</span></h2></div>
<div class="region"><div class="contents">
<p class="p">Double clicking an entry row in the radio list starts your audio player. But there are
	other functions available. Either go to the <span class="guiseq"><span class="gui"></span>ย โ–ธ <span class="gui">Station</span></span> menu,
	or access the context menu with a right click.</p>
<div class="table"><div class="inner"><div class="region"><table class="table">
<tr>
<td></td>
<td style="border-left-style: solid;"></td>
</tr>
<tr class="shade">
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr>
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr class="shade">
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr>
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr class="shade">
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr>
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
<tr class="shade">
<td style="border-top-style: solid;"></td>
<td style="border-top-style: solid;border-left-style: solid;"></td>
</tr>
</table></div></div></div>
<p class="p"> Play, Record and Homepage also have buttons in the toolbar.</p>
</div></div>
</div></div>
<div id="" class="sect"><div class="inner">
<div class="hgroup"><h2 class="title"><span class="title">Radio lists get stale</span></h2></div>
<div class="region"><div class="contents"><p class="p">After some time, stream informations become obsolete. Therefore you should regularily
	refresh the lists. The <span class="gui">Reload</span> button in the toolbar (or <span class="key"><kbd>F5</kbd></span>) is your friend. You can
	also update the category lists with <span class="guiseq"><span class="gui">Channel</span>ย โ–ธ <span class="gui">Reload Category Tree</span></span>
	and load favicons using <span class="guiseq"><span class="gui">Channel</span>ย โ–ธ <span class="gui">Update favicons..</span></span>.</p></div></div>
</div></div>
<div id="" class="sect"><div class="inner">
<div class="hgroup"></div>
<div class="region"><div class="contents"><div class="note note-tip" title="Tip"><div class="inner"><div class="region"><div class="contents"><p class="p">You should only select radio stations and genres that you like.</p></div></div></div></div></div></div>
</div></div>
<div class="sect sect-links" role="navigation">
<div class="hgroup"></div>
<div class="contents"><div class="links guidelinks"><div class="inner">
<div class="title"><h2><span class="title">More Information</span></h2></div>
<div class="region"><ul><li class="links ">
<a href="index.html" title="โ™ช Streamtuner2"><span class="media"><span class="media media-image"><img src="img/logo.png" class="media media-inline" alt="โ™ช"></span></span> Streamtuner2 </a><span class="desc"> โ€” Documentation overview</span>
</li></ul></div>
</div></div></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer"></div>
</div></body>
</html>