chromecast-play.html

<script type="text/x-red" data-template-name="chromecast-play">

   <div class="form-row">
        <label for="node-input-creds"> Credentials</label>
        <input type="text" id="node-input-creds">
    </div>
    
    <!-- By convention, most nodes have a 'name' property. The following div -->
    <!-- provides the necessary field. Should always be the last option      -->
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name of this Event">
    </div>
    
    <div class="form-row">
        <label for="node-input-url">Media Url</label>
        <input type="text" id="node-input-url" placeholder="Media Url">
    </div>
    
    <div class="form-row">
        <label for="node-input-contentType">Media Type</label>
        <input type="text" id="node-input-contentType" placeholder="audio/mp3">
    </div>
    
    <div class="form-row">
        <label for="node-input-ip">IP</label>
        <input type="text" id="node-input-ip" placeholder="0.0.0.0">
    </div>
        
</script>


<!-- Next, some simple help text is provided for the node.                   -->
<script type="text/x-red" data-help-name="chromecast-play">

    <h3>About</h3>
    <p>Plays a Media file on a chromecast</p>

    <h3>Use</h3>
    <p>To use pass in the IP address of the chromecast <code>payload.ip_address</code> and a url to a media file <code>payload.url</code>.
    </p>
</script>

<!-- Finally, the node type is registered along with all of its properties   -->
<!-- The example below shows a small subset of the properties that can be set-->
<script type="text/javascript">
    RED.nodes.registerType('chromecast-play', {
        category: 'chromecast',
        defaults: {    
            name: {value:""},
            url: {value:""},
            contentType: {value:""},
            ip: {value:""},
        },
        inputs:1,               // set the number of inputs - only 0 or 1
        outputs:1,              // set the number of outputs - 0 to n
        icon: "bridge.png",     // saved in  icons/myicon.png
        color: "#FFFF00", 
        label: function() {
            return this.name || "Play";
        },
        paletteLabel: "Play"
        
    });
</script>