<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://www.hypermodernism.com/taxonomy/term/13/all" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Audio</title>
    <link>http://www.hypermodernism.com/taxonomy/term/13/all</link>
    <description></description>
    <language>en</language>
          <item>
    <title>Traderlynk -Tincan</title>
    <link>http://www.hypermodernism.com/projects/traderlynk-tincan</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Tincan&quot; alt=&quot;Tincan&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/tincan_annotated_small.jpg?1500024243&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/option-computers-dealhub&quot;&gt;Option Computers - Dealhub&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Intercom like communications for the financial community. I was employed to design and build the user interface within the browser. The application was implemented in vanilla javascript and made use of the  Web audio API to allow client side control of volume panning and recordings playback. The Web speech to text api is used to translate the text before sending to the server. The web midi API was used to connect to external hardware controls.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/sites/default/files/tincan_annotated2l.jpg&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/responsive-web">Responsive Web</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <enclosure url="http://www.hypermodernism.com/sites/default/files/tincan_annotated2l.jpg" length="302335" type="image/jpeg" />
 <pubDate>Fri, 14 Jul 2017 09:29:38 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">136 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Traderlynk Unified Communications UI</title>
    <link>http://www.hypermodernism.com/projects/traderlynk-unified-communications-ui</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Traderlynk Unified Communications UI&quot; alt=&quot;Traderlynk Unified Communications UI&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/Traderlynk_imac.jpg?1421233060&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/option-computers-dealhub&quot;&gt;Option Computers - Dealhub&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Unified messaging for the financial community in a browser based single page app. &lt;/p&gt;
&lt;p&gt;I was employed to design and implement the UI which was achieved through low latency native Web Components/Javascript, the Data model persisted across browser windows using a Chrome extension background page or shared web worker. Data is transported over web sockets and WebRTC using the Traderlynk javascript API which via a Traderlynk server integrates with the Microsoft Lync infrastructure.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/sites/default/files/traderlynk_big.jpg&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/responsive-web">Responsive Web</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Wed, 14 Jan 2015 09:55:05 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">132 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Virgin - electric! Ezine</title>
    <link>http://www.hypermodernism.com/projects/virgin-electric-ezine</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Virgin - electric! Ezine&quot; alt=&quot;Virgin - electric! Ezine&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/electric_38.jpg?1321877833&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Ongoing contract with Redwood publishing as Senior Flash developer, programming interactive content for Virgin medias customer ezine &quot;electric!&quot; Since issue 7, April 2009.&lt;/p&gt;
&lt;p&gt;The ezine includes various games and features, these are programmed using flash actionscript. &lt;/p&gt;
&lt;p&gt;Intitally hosted on the Ceros ezine platform, electric has now moved to the eDition publishing platform&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/projects/virgin-electric-ezine&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/ezines-digimags">Ezines / Digimags</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Tue, 22 Nov 2011 12:10:57 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">19 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Ford Smax E-magazine</title>
    <link>http://www.hypermodernism.com/projects/ford-smax-e-magazine</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Ford Smax E-magazine&quot; alt=&quot;Ford Smax E-magazine&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/ford2_0.jpg?1271622392&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/ford&quot;&gt;Ford&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and program an interactive e-magazine using the Ceros media platform. The emag was to showcase a range of extreme snow sports for promoting and creating a lifestyle around the Ford Smax brand.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://cde.cerosmedia.com/1P4798c3ae58045862.cde&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/ezines-digimags">Ezines / Digimags</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 23 May 2010 21:05:22 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">3 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Computers Make Freedom</title>
    <link>http://www.hypermodernism.com/projects/computers-make-freedom</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Computers Make Freedom&quot; alt=&quot;Computers Make Freedom&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/computers_make_freedom.jpg?1271931700&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A conceptual art piece developed as part of my Multimedia Systems and Fine Art portfolio, to showcase animation, photography, music and interactivity.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/cmf/frameset.htm&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Thu, 22 Apr 2010 10:22:26 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">73 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>BBC Imagineering - CD-ROM</title>
    <link>http://www.hypermodernism.com/projects/bbc-imagineering-cd-rom</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;BBC Imagineering - CD-ROM&quot; alt=&quot;BBC Imagineering - CD-ROM&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/bbc.jpg?1271928805&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/bbc&quot;&gt;BBC&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The BBC provides entertainment, education and information, captivating millions of viewers and listeners at home and abroad.&lt;/p&gt;
&lt;p&gt;Design and development CD Rom promoting the BBC&#039;s &#039;Imagineering&#039; department, a New Media facility offering technology solutions. The project employed interactive toys and games, and an animated character &#039;Gordon Burlington&#039;, in order to engage users and present an accessible lo-tech introduction to the advanced facilities available within the Imagineering department.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.info/work/bbc/intro.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <pubDate>Thu, 22 Apr 2010 09:34:50 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">69 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>London Fire Brigade - Regional Resilience Forum</title>
    <link>http://www.hypermodernism.com/projects/london-fire-brigade-regional-resilience-forum</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;London Fire Brigade - Regional Resilience Forum&quot; alt=&quot;London Fire Brigade - Regional Resilience Forum&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/LFB.jpg?1271876315&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/london-fire-brigade&quot;&gt;London Fire Brigade&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The London Fire Brigade is run by the London Fire and Emergency Planning Authority (LFEPA). It is the third largest firefighting organisation in the world.&lt;/p&gt;
&lt;p&gt;Graphics and animations for a high-profile presentation to governments worldwide. To be stylish, clear and universally understood. Produced in Macromedia Flash, with the final product playable on a standard DVD and video projector.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/firebrigade/fireforum10.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Wed, 21 Apr 2010 18:59:49 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">65 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Hypermodernism game and website</title>
    <link>http://www.hypermodernism.com/projects/hypermodernism-game-and-website</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Hypermodernism game and website&quot; alt=&quot;Hypermodernism game and website&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/hypermodernism.jpg?1271930899&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Top 15 in the &lt;a href=&quot;http://www.europrix.org&quot; target=&quot;_blank&quot;&gt;Europrix Multimedia Top Talent competition&lt;/a&gt;, 2001&lt;/p&gt;
&lt;p&gt;Created in 2000 as part of my Multimedia Systems and Fine Art portfolio, to promote an imaginary radical socio-political movement called hypermodernism. This website, fake archive material, game and film involves the viewer in a compelling and interactive story.&lt;/p&gt;
&lt;p&gt;Review: &lt;a href=&quot;http://www.hypermodernism.info/work/projects/createreview.htm&quot; target=&quot;_blank&quot;&gt;Create Online Magazine, Issue 20 - December 2001&lt;/a&gt;&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/hypermodernism/frameset.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/projects/games">Games</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 22 Apr 2001 10:11:07 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">71 at http://www.hypermodernism.com</guid>
  </item>
  </channel>
</rss>
