Шаблон страницы Kwik - Добавить аудио

• May 7, 2024

До сих пор в серии руководств мы создали обложку и первую страницу нашего книжного приложения Kwik. Мы добавили навигационные кнопки на первую страницу при подготовке к использованию этой страницы в качестве шаблона для других страниц. Теперь мы готовы добавить аудио в шаблон.

Как мы упоминали ранее, у нас будет простая линейная анимация, которая будет эмулировать поворот страницы и воспроизводиться при загрузке страницы. Прежде чем мы начнем создавать эту анимацию, мы добавим небольшой аудиофайл, который также будет воспроизводиться при каждой загрузке страницы. Это простой файл .mp3 с перевернутым листом размером 6 КБ.

Существует два основных типа аудио, которые вы, возможно, захотите добавить в свое книжное приложение. Первым является повествовательный звук для опции «Read to Me». Другой тип включает звуковые эффекты и фоновую музыку. Наш бумажный звук аудио попадает во вторую категорию.

Короткое и потоковое аудио

Мобильное устройство загружает аудиофайл двумя способами. Короткий аудиофайл может быть загружен в память сразу после отображения страницы. Это лучше всего подходит для небольших аудио файлов. Для больших файлов, таких как описательный текст, лучше всего передавать эти файлы. Это позволит начать воспроизведение аудиофайла до того, как весь файл будет загружен в память. Потоковое аудио предотвращает заметную задержку между загрузкой страницы и началом аудио.

Давайте пройдемся по добавлению нашего звукового файла в шаблон.

1. В разделе Страница / Компоненты панели Kwik выберите страницу1. Вы должны увидеть «@ page1» в верхней части раздела.
   
   
2. Нажать на Переключитесь на значок просмотра компонентов, чтобы увидеть список компонентов, уже добавленных на эту страницу.
   
   
3. На панели категорий нажмите Значок проекта и страниц.
   
   
4. Нажмите на Значок «Добавить аудио» (второй значок во втором ряду инструментов) открывает диалоговое окно «Добавить аудио».
   
   
5. Расположение: используйте кнопку «Обзор», чтобы найти аудиофайл, который вы хотите добавить.
   
   
6. Краткий файл: наш аудиофайл должен воспроизводиться сразу после загрузки страницы. Установите этот флажок.
   
   
7. Разрешить одновременное повторение: мы не хотим эту опцию. Оставьте флажок не установленным.
   
   
8. Файл Read Me: это аудио не для функции «Read to Me». Снимите флажок.
   
   
9. Воспроизвести при запуске страницы: установите этот флажок.
   
   
10. Воспроизвести на всех страницах: эта опция используется для музыки, которая продолжается между страницами. Снимите этот флажок.
    
    
11. Цикл: времена 1 и задержка 0 секунд
    
    
12. Объем: 10
    
    Примечание. Как видно из числа 1 в поле «Использовать канал», этот аудиофайл будет назначен каналу 1. Kwik предоставляет вам 32 звуковых канала, и вы захотите прикрепить каждый аудиофайл к отдельному звуковому каналу. Вы можете сделать это, указав номер выбранного канала в поле.
    
    
13. Нажмите Сохранить.
    
    
14. Вы должны увидеть аудиофайл paper.mp3, указанный в списке компонентов.
    
    

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.
Продукты Kwik, логотип Kwik и Kwiksher являются собственностью Kwiksher.com - Copyright 2011. Снимки экрана, используемые с разрешения.

Эти учебные пособия предназначены для более старой версии Kwik 2 и могут не сильно помочь при использовании Kwik 3 и выше. Если у вас возникли проблемы, пожалуйста, используйте форум Kwik.

Видео инструкция: Как сделать html плеер. HTML5 audio player. тег audio. Делаем аудио плеер. HTML5 Для начинающих. #11 (May 2024).