Line 1: |
Line 1: |
− | 1.
| + | Here's a potted '''history''' of the URY '''website''', courtesy of the Wayback Machine. |
− | Hi! I’m Alex Towells, University Radio York’s Production Manager. If you’re here, that means you want to know how to use our remote broadcasting tool, Webstudio! I’m here to take you through preparing and presenting a show using Webstudio, as well as showing you all the little features our computing team has added to make your life easier.
| |
| | | |
− | 2.
| + | == c.1999-Oct 2003 == |
− | First things first, there’s a specific web browser we need you to use when you use Webstudio, and that browser is Google Chrome. The reason being it had all the right bells and whistles to make our Computing Team’s lives easier when they were setting it up.
| |
| | | |
− | 3.
| + | [[File:ws1.png]] |
− | After you’ve got that, you can find Webstudio on our existing backpages, MyRadio. If you’ve forgotten where that is, you can find it on our website here. Once you’ve logged in, Webstudio can be found under My Services, at the bottom of the list of Show Tools. Pick the show you want to work with, and you’re in!
| |
| | | |
− | 4.
| + | The earliest version of the website available on the Web Archive was definitely a product of its time, with the bright orange branding of that era prominent throughout and a very 90s GIF-based sidebar on the left. |
− | If you aren’t already WebStudio trained, you’ll be able to access all WebStudio features, but you won’t be able to put yourself on air, so feel free to play around as much as you like.
| |
| | | |
− | 5.
| + | It even had a guestbook, with some rather ''interesting'' contents. |
− | If you’re familiar with BAPS, our Broadcast Audio Playout System, WebStudio is very similar - you have three columns, representing three players, which can all play any music, jingles, beds and so on. If you’ve already prepared your show in Show Planner, the plan you’ve made will open up when you open that show in Webstudio. You can move things around within a column, and between columns, and you can use the sidebar to search up any songs, jingles, or beds you want to add to your show on the fly. Keep in mind, though, that changes you make in WebStudio won’t be saved - if you reload the tab for any reason, they’ll disappear.
| |
| | | |
− | 6.
| + | At one point in 2000, [[Gavin Atkinson]] updated the site. |
− | If you make changes in Show Planner while Webstudio is open, and want them to move over to Webstudio, you can find a “Reload Show Plan” button by clicking on the drop-down up here on the show’s time, though that will erase any changes you made in Webstudio. You can also change which show you’re working with by clicking the “switch timeslot” button from the same drop-down, though be aware this will completely reload webstudio. On smaller screens, this top bar will be hidden to save space - to access it, hold your mouse over the bar labelled “hover for MyRadio Menu”.
| |
| | | |
− | 7.
| + | This design was created by [[Leo Warner]], and doesn't really work too well in 1080p. |
− | If you want to use music, beds, jingles or entire plans from other show plans, you can do so using the import function. Just select “import”, choose the show, season and episode you want to import from, then you can choose which channel on the original show plan you want to import from. You can select specific items you want to move over, or click “select all” up here. If you want to clear your selections while staying on the import screen, click “select none”. Once you’ve chosen what you want to import, select which channel on your show plan you want to import to. The final step is to reload your show plan to bring up your imports, then you’re done! However, reloading your show plan will discard any changes made, so make sure importing is the first thing you do if you plan on making lots of changes in Webstudio in a session.
| |
| | | |
− | 8.
| + | === Webcasting === |
− | To cue something up for playback, just click on it. The grey bar at the bottom will start to fill up, representing loading progress. Depending on the speed of your internet connection it may take a couple of seconds for a song to load, so make sure you’ve got it loaded up before you need it.
| |
| | | |
| + | At the start of Web Archive captures of the URY website, URY were still broadcasting only on 999kHz and did not yet simulcast on the Internet; however, by 2003, URY had leapt forward into the Internet Age by hosting a worldwide live stream... using ''RealPlayer''. Oh well... |
| | | |
| + | == Oct 2003-Summer? 2006 == |
| | | |
− | 9.
| + | [[File:ws2.png]] |
− | To play an item, press the play button, to pause or unpause it click pause, and to stop it completely press the stop button. We also have some keyboard shortcuts set up for you - Q, W, and E to play, pause, and stop the left channel, R, T, and Y for the middle channel, and U, I, and O for the right channel.
| |
| | | |
− | 10.
| + | A radically new website design was launched in time for Autumn term 2003, featuring for the first time what seemed to be sensible web design (for it was a new millennium and the days of gaudy sidebars and orange on grey were far behind the URY computing team, in all their wisdom). |
− | Below the playback controls and the waveform you’ll find the fader. This has three levels - fully off, bed level, which is a suitable level for talking over, and fully on. To fade things in and out, click the relevant buttons, or use the keyboard shortcuts - A, S, and D for off, bed level, and fully on for the left channel, F, G, and H for the middle channel, and J, K, and L for the right.
| |
| | | |
− | 11.
| + | The guestbook and RealPlayer streams were still there, though. |
− | There are a few buttons above the item name on each channel. If the Auto Advance button is on, after an item finishes the next thing in its channel will be loaded in automatically. If Play on Load is on, an item will start to play immediately after being loaded in, instead of you having to click play. Using the repeat button you can set either one item to repeat over and over again, or the whole channel to repeat, running on top to bottom forever like a little music-y dog chasing its own tail. On smaller screens, these may be hidden to save space. To see them, hover over the bar labelled “channel controls” and they’ll appear.
| |
| | | |
− | 12.
| + | This website ''does'' work quite well in 1080p, considering. |
− | You can mark intro, cue and outro points on songs by using the buttons between the waveform and the play/pause buttons on each channel. To set an intro, play the song until the end of the intro, then hit pause and hit the intro button. This will shade the section of the song up to your cursor light blue. Setting cue and outro points works the same way. A Cue point will add a green marker at the new start point, and an outro point will shade the section of the song from the marked point to the end red. Cue points allow you to start the song partway through; to toggle between the cue point and the actual start of the song, press “stop” while the song is loaded, but not playing. These markers can also be deleted - click the delete button to the right of the marker buttons, then click the button labelled for whichever marker you want to delete - for example, to delete an intro, click the delete button then click the intro button again. At the moment, cues work for every item you can load in Webstudio, but intro and outro markers only work for songs, not jingles or beds - keep an eye out though, our computing team is working on getting them to work with everything, so that’ll be coming soon.
| |
| | | |
− | 13.
| + | The then Head of Production, Simon Taghioff, was instrumental in this overhaul. |
− | To enable your microphone, click “Options” in the sidebar, and go to the Microphone tab. Click “Find Microphones”, grant permission if Chrome asks for it, and then choose a microphone to work with. To ensure that the levels are set right, speak into the microphone at a normal volume and adjust the blue gain slider until the volume bar is green while you’re speaking and yellow while you’re not - make sure it doesn’t hit the red.
| |
| | | |
− | 14.
| + | == 2006-2010 == |
− | If you need to push the gain very high or very low, double-check the volume settings on your computer, as you may have accidentally turned your microphone’s volume too low or too high on your computer.
| |
| | | |
− | 15.
| + | [[File:ws3.png]] |
− | To control the volume of your microphone, use the buttons in the sidebar. They work just like the channel faders, except the mic only has two levels - fully on and fully off. The keyboard shortcut to turn it on or off is X.
| |
| | | |
− | 16.
| + | A minor update of the previous website, with even more orange... and no guestbook in sight! RealPlayer by now had been joined by MP3 and Ogg Vorbis streams as URY's streaming technology marched on. |
− | After all that, you’re about ready to go live! But before you do, please close all programmes on your computer that aren’t Chrome. If you have programmes running in the background, they could overload your system, leading to sound dropouts during your show.
| |
| | | |
− | 17.
| + | What the ''hell'' is that font on the advertising banner? |
− | When you’re ready to go live, just click the “Register for Show” button in the top bar of WebStudio. You must register for your show at least a minute before the news is due to start. If you do not register in time, the system will not know you’re there and will not switch to you - you’ll then have to register after the news, as the system is too busy blaring the news to hear you asking to join in. So make sure you do it a couple minutes before you’re due to go on air, to avoid running into issues right at the start.
| |
| | | |
− | 18.
| + | This design was jiggled around a bit over its four years of service, but remained mostly the same. |
− | You should see the text next to it change from “Not Connected” to “Connecting”, and then to “Connected”. Once it says “Connected”, you’re good to go! You aren’t on the air yet though, that’ll happen after the news.
| |
| | | |
− | 19.
| + | == 2010-2011 == |
− | Speaking of the news, you don’t have to worry about doing the news! It’s all handled by our servers. To cue you into your show, you’ll hear a jingle in your headphones at the appropriate time, but you don’t need to fade anything up or down during the news. When the news comes to an end, two minutes past the hour, you’ll hear a countdown and the News Out jingle - once it finishes, you’re good to start your show.
| |
| | | |
− | 20.
| + | [[File:URYsite09.png]] |
− | To keep an eye on messages from your listeners, open the Studio Information Service (SIS) in another tab - go to MyRadio and click Studio Information Service.
| |
| | | |
− | 21.
| + | In what was probably the most short-lived (and expensive!) of website designs, URY got [http://www.freelancegraphicdesigner.co.uk/ury-web-design.html a professional graphics designer] in to completely redesign the website in conjunction with URY's comprehensive rebranding. |
− | At the end of your show, you’ll hear the News In jingle at 15 seconds to the hour. Make sure you’ve finished your show by then, else it’ll cut you off, which makes for a weird listening experience. Once the news jingle has started to play, you’re safe to close WebStudio. The system will automatically do the news and then switch to either the next show or Jukebox. Congratulations on a (hopefully) successful show!
| |
| | | |
− | 22.
| + | The result was a lovely set of graphics (lovely being subjective on whether or not you like Impact as a font), but the code for the website wasn't as lovely. According to legend, the site was programmed in under a week to meet harsh deadlines and was therefore effectively hacked together. Despite all this, it worked for a year and as of writing the code is still there in heavily modified form. |
− | So remember: your show starts two minutes past the hour, and ends 15 seconds to the hour; for example, if you have a 3pm slot, it’ll start at 15:02 and end at 15:59:45.
| |
| | | |
− | 23.
| + | Sources indicate that a DaveX was responsible for the coding. |
− | If your show is longer than an hour, the news will also automatically happen in the middle of your show, on every hour gap, so make sure you’re aware of that as well. Again, starting at 15 seconds to the hour, and ending at two minutes past the hour.
| |
| | | |
− | 24.
| + | == 2011-2012 == |
− | In a perfect world, this would be all there is to it. But sometimes, things don’t go to plan, and it’s possible that your connection to our servers fails for some reason. You’ll see the text next to the register button on the top change to “Connection lost, reconnecting”. If you see this, WebStudio will try to automatically reconnect and you don’t need to do anything. If it changes to just “Connection lost!”, click the “register for show” button again to reconnect, and go on with your show. If it still doesn’t work, reload the page and double-check your internet connection. If it *still* doesn’t work, it’s time to hit up the Remote Broadcasting channel in Slack and ask for help - hopefully someone will be able to get you up and running. After 30 seconds of silence, the station output will be switched to Jukebox - but if this happens, don’t worry, as soon as you can reconnect you’ll be put right back on air.
| |
| | | |
− | 25.
| + | [[File:ws2011.png]] |
− | That’s just about all you need to know about WebStudio to do your first show. Before you run off and blast the airwaves with your tunes of choice, we recommend you check out the Working From Home Resource Hub on our wiki, ury.org.uk/wiki. It has lots of useful information about how to optimise your setup for going live. Again, if you encounter any issues or need any support in your WebStudio adventures, message #remote-broadcasting in Slack and someone will (hopefully) get you back on track. Keep in touch, and happy broadcasting!
| + | |
| + | The current website was largely the result of a rehashing of the design from last year by the combined efforts of [[Darren Webb]] and [[Rob Stonehouse]] on design and [[Matt Windsor]] on programming (which mainly involved tidying up the previous round of code and implementing the design changes in HTML5 and CSS). |
| + | |
| + | This website won a YUM award in 2011. |
| + | |
| + | There's still no guestbook. |
| + | |
| + | == 2012-2013 == |
| + | [[File:ws2012.png]] |
| + | |
| + | In October 2012, the website was completely replaced with a shinier, newer, completely re-written site based on Django (a Python web framework). Despite the shiny new design, we immediately regretted this decision. The site was put live before it was ready - features were missing and never were fully implemented on this generation, and large amounts of it relied on a completely new database schema, so all of the Members' Internal website tools broke with the replacement. It suffered in service for less than a year before it was retired on August 2013. |
| + | |
| + | == 2013-2018 == |
| + | |
| + | Sticking with the Python, Matt Windsor again went on an endeavour for a better website. With an entirely new codebase in Pyramid (another Python web framework) and SQLAlchemy, and a few shinifications to the actual design itself, this site went into production in August 2013, at the same time as our upgrade to Apache 2.4 and the replacement of Members' Internal with MyURY. Over the remainder of the Summer Holidays, MyURY was expanded to ensure it had capabilities to actually maintain this website, and so shiny Banner and Podcast systems were available and the site once again looked pretty. |
| + | |
| + | There's still no guest book, but there is a sign up form on the Get Involved page. |
| + | |
| + | == 2018-Present == |
| + | |
| + | ''For a picture, load up [http://ury.org.uk ury.org.uk]!'' |
| + | |
| + | [[File:2016-site.png]] |
| + | |
| + | The current version of the site, amusingly enough codenamed 2016-site, for it was started in 2016 but only released in 2018 (arguably still not finished...), was designed by Brooke Hatton and coded up by himself alongside (at various times) Matthew Stratford, Chris Taylor, Matt Windsor, Natalie Harris, Danny Roberts, and many others. Out went Python, and in came the modern programming language ''du jour'', Go. In between, MyURY was replaced by (read: renamed to) MyRadio, which feeds it everything - scheduling, podcasts, team info, you name it. |
| + | |
| + | There's still no guest book. |