maxatwork

Примеры можно попробовать в редакторе http://www.kickjs.org/tool/shader_editor/shader_editor.html

Значения uniform задаются на вкладке Uniforms (не забываем жать Update).

Вершинный шейдер

Общий для всех шейдеров:

precision highp float;

maxatwork

<audio src="./Maple_Leaf_RagQ.ogg" controls></audio>
<script type="text/javascript">
    const audioCtx = new AudioContext();
    const myAudio = document.querySelector('audio');

    const source = audioCtx.createMediaElementSource(myAudio);
    const gainNode = audioCtx.createGain();
    gainNode.gain.value = 0.5;

    const gainNode2 = audioCtx.createGain();

maxatwork

<audio src="./Maple_Leaf_RagQ.ogg" controls></audio>
<script type="text/javascript">
    const audioCtx = new AudioContext();
    const myAudio = document.querySelector('audio');

    const source = audioCtx.createMediaElementSource(myAudio);
    const gainNode = audioCtx.createGain();
    gainNode.gain.value = 0.5;

    const gainNode2 = audioCtx.createGain();

maxatwork

#ifdef GL_ES
precision highp float;
#endif
uniform sampler2D from, to;
uniform float progress;
uniform vec2 resolution;
uniform float fps;

//
// GLSL textureless classic 3D noise "cnoise",

maxatwork

#ifdef GL_ES
precision highp float;
#endif
uniform sampler2D from, to;
uniform float progress;
uniform vec2 resolution;
uniform float fps;

//
// GLSL textureless classic 3D noise "cnoise",

maxatwork

Домашнее задание к лекции "Мультимедиа возможности браузера"

Видеоплеер в духе немого кино — «Киноглушитель».

Основные техники, которые должны быть реализованы:

• Постобработка видео (реализованная с помощью canvas):
  • Показ ч/б видео
  • Эффект царапин на плёнке
• Сопровождение ролика музыкой тапёра
• Показ субтитров в духе немого кино: после конца реплики надо приостанавливать воспроизведение видео, отображать субтитры на черном фоне в течение длины реплики, после продолжать воспроизведение видео

maxatwork

/**
 * Реализация API, не изменяйте ее
 * @param {string} url
 * @param {function} callback
 */
function getData(url, callback) {
    var RESPONSES = {
        '/countries': [
            {name: 'Cameroon', continent: 'Africa'},
            {name :'Fiji Islands', continent: 'Oceania'},

maxatwork

brew install Caskroom/cask/crosspack-avr

maxatwork

# Returns function which adds RESTful routes to express.js application
# for specified controller
#
# Usage:
#     resource = resourceRoutesBuilder(app)
#     resource 'person', person
# 
# This will map routes to:
# 
# GET '/persons/new' -> person.new(req, res) # shows form for new person creation