User:Wyn/Special Issue 25/Field Recording: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div id="dvd-logo">
__NOTOC__<div style="background-color: #E6F3FF; color: #000080; padding: 20px; font-family: monospace;">
    <a href="#" title="Click to play audio">DVD</a>
=== Context===
</div>
[[File:A glove in the street of Hong Kong.jpg|thumb]]
<pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
___________________________________________
/                                          \
|  * WAN CHAI STATION SOUND:                |
|  RHYTHMIC, LOUD, SHORT, URGENT.            |
|  SIDEWALK SIGNAL FOR THE VISUALLY IMPAIRED.|
|  **SMOOTH RHYTHM: TIME TO CROSS.          |
|  **URGENT TONE: GREEN LIGHT ENDING.        |
|  INTRODUCED IN 2004.                      |
|  SYMBOLIC OF HONG KONG SOUNDSCAPE.        |
|  SHOWS CITY'S SOPHISTICATED                |
|  DEVELOPMENT AND CARE FOR                  |
|  MARGINALIZED GROUPS.                      |
|  ***A SIGN OF INCLUSIVE DESIGN***          |
|                                            |
\___________________________________________/
          \
          \
            \
            *
</pre>


<style>
#dvd-logo {
    position: relative;
    width: 100px;
    height: 50px;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}


#dvd-logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
</style>


<script>
(function() {
    var dvdLogo = document.getElementById('dvd-logo');
    if (!dvdLogo) return;


    var audioElement = document.createElement('audio');
===Field Record===
    audioElement.src = 'https://pzwiki.wdka.nl/mw-mediadesign/path/to/your/audio/file.mp3';  // Update this path
<pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
+---------------------------+
|    .------------------.  |
|  /                    \  |
|  /    +---------+      \ |
| |      Field Record      ||
| |      +---------+      ||
|  \                      / |
|  \                    /  |
|    '------------------'   |
|                          |
|  [PLAY] [PAUSE] [STOP]    |</pre>{{audio|mp3=https://pzwiki.wdka.nl/mw-mediadesign/images/f/f2/WanChaiStation.mp3}}
<pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
|                          |
  +---------------------------+
</pre>


    var containerWidth = dvdLogo.parentElement.clientWidth - dvdLogo.clientWidth;
    var containerHeight = 300; // Adjust this value as needed
    var x = 0, y = 0;
    var xSpeed = 2, ySpeed = 2;


     function moveLogo() {
===Meta Data===
        x += xSpeed;
<pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
        y += ySpeed;
+---------------------------+
|    .------------------.  |
|  /                    \  |
|  /     +---------+      \ |
| |      Meta Data        ||
| |      +---------+      ||
|  \                      / |
|  \                    /  |
|    '------------------'  |
|                          |
|  [PLAY] [PAUSE] [STOP]    |
|                          |</pre>{{audio|mp3=https://pzwiki.wdka.nl/mw-mediadesign/images/c/c1/Meta_data.mp3}} <pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
|                          |
+---------------------------+
</pre>


        if (x + dvdLogo.clientWidth > containerWidth || x < 0) {
            xSpeed = -xSpeed;
            changeLogoColor();
        }
        if (y + dvdLogo.clientHeight > containerHeight || y < 0) {
            ySpeed = -ySpeed;
            changeLogoColor();
        }


        dvdLogo.style.left = x + 'px';
===Memory Reload===
        dvdLogo.style.top = y + 'px';
<pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
+---------------------------+
|    .------------------.   |
|  /                    \  |
|  /    +---------+      \ |
| |    memory Reload      ||
| |      +---------+       ||
|  \                      / |
|  \                    /  |
|    '------------------'   |
|                          |
|  [PLAY] [PAUSE] [STOP]    |
|                          |</pre>{{audio|mp3=https://pzwiki.wdka.nl/mw-mediadesign/images/0/06/Field-record-memory.mp3}} <pre style="background-color: #E6F3FF; border: 0px solid #4682B4; padding: 10px;">
|                          |
+---------------------------+
</pre>


        requestAnimationFrame(moveLogo);
    }


    function changeLogoColor() {
'''Song'''：
        var randomColor = Math.floor(Math.random()*16777215).toString(16);
        dvdLogo.style.backgroundColor = "#" + randomColor;
    }


    dvdLogo.addEventListener('click', function(e) {
Inspired by traffic control sound:
        e.preventDefault();
        audioElement.currentTime = 0;
        audioElement.play();
    });


    moveLogo();
Heung —— Roman Wilhelm
})();
 
</script>
https://soundcloud.com/roman946/heung
 
Bad Guy —— Billie Eilish
https://www.youtube.com/watch?v=DyDfgMOUjCI&ab_channel=BillieEilishVEVO
 
 
'''Permissions'''
 
Recording - Yes
 
Meta - Yes
 
Memory - Yes
 
Song - Yes
[[Category:Field recording 2024]]

Latest revision as of 23:43, 20 September 2024

Context

A glove in the street of Hong Kong.jpg 
 ___________________________________________
/                                           \
|  * WAN CHAI STATION SOUND:                 |
|  RHYTHMIC, LOUD, SHORT, URGENT.            |
|  SIDEWALK SIGNAL FOR THE VISUALLY IMPAIRED.|
|  **SMOOTH RHYTHM: TIME TO CROSS.           |
|  **URGENT TONE: GREEN LIGHT ENDING.        |
|  INTRODUCED IN 2004.                       |
|  SYMBOLIC OF HONG KONG SOUNDSCAPE.         |
|  SHOWS CITY'S SOPHISTICATED                |
|  DEVELOPMENT AND CARE FOR                  |
|  MARGINALIZED GROUPS.                      |
|  ***A SIGN OF INCLUSIVE DESIGN***          |
|                                            |
\___________________________________________/
          \
           \
            \
             *



Field Record

 +---------------------------+
 |    .------------------.   |
 |   /                    \  |
 |  /     +---------+      \ |
 | |      Field Record      ||
 | |      +---------+       ||
 |  \                      / |
 |   \                    /  |
 |    '------------------'   |
 |                           |
 |  [PLAY] [PAUSE] [STOP]    |

 |                           |
 +---------------------------+


Meta Data

 +---------------------------+
 |    .------------------.   |
 |   /                    \  |
 |  /     +---------+      \ |
 | |       Meta Data        ||
 | |      +---------+       ||
 |  \                      / |
 |   \                    /  |
 |    '------------------'   |
 |                           |
 |  [PLAY] [PAUSE] [STOP]    |
 |                           |

 |                           |
 +---------------------------+


Memory Reload

 +---------------------------+
 |    .------------------.   |
 |   /                    \  |
 |  /     +---------+      \ |
 | |     memory Reload      ||
 | |      +---------+       ||
 |  \                      / |
 |   \                    /  |
 |    '------------------'   |
 |                           |
 |  [PLAY] [PAUSE] [STOP]    |
 |                           |

 |                           |
 +---------------------------+


Song：

Inspired by traffic control sound:

Heung —— Roman Wilhelm

https://soundcloud.com/roman946/heung

Bad Guy —— Billie Eilish https://www.youtube.com/watch?v=DyDfgMOUjCI&ab_channel=BillieEilishVEVO


Permissions

Recording - Yes

Meta - Yes

Memory - Yes

Song - Yes

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Wyn/Special_Issue_25/Field_Recording&oldid=273903"