Key Features - Copy this React, Tailwind Component to your project

xem giùm tôi tôi muốn hiển thị audio có thể ấn nghe thử <div class="modal fade" id="exampleModalXlVoiceProfile" tabindex="-1" aria-labelledby="exampleModalXlLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title h4" id="exampleModalXlLabel">CÀI ĐẶT GIỌNG ĐỌC</h5> <button class="btn-close" type="button" data-coreui-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col"> <div class="input-group mb-3"> <label class="input-group-text" for="inputGroupSelect01">Giọng Đọc</label> <select id="channel_voice_setting" class="form-control"> {% for voice in folder_voice %} <option value="{{ voice.id }}" {% if profilesFirst and voice.id == profilesFirst.channel_voice_style.id %}selected{% endif %}>{{ voice.name }}</option> {% endfor %} </select> </div> </div> <div class="col"> <div class="input-group mb-3"> <label class="input-group-text" for="inputGroupSelect01">styles giọng đọc</label> <select id="channel_voice_style" class="form-control" > </select> </div> </div> </div> <label class="form-label" for="customRange1">SPEED</label> <input id="channel_voice_speed" class="form-range" type="range" min="0" max="100" value="50" > <label class="form-label" for="customRange1">PITCH</label> <input id="channel_voice_pitch" class="form-range" type="range" min="0" max="100" value="50" > <label class="form-label" for="customRange1">VALUE</label> <input id="channel_voice_volume" class="form-range" type="range" min="0" max="100" value="50" > <div class="mb-3"> <label class="form-label" for="channel_text_voice">Văn Bản</label> <textarea id="channel_text_voice" class="form-control" placeholder="Nhập text voice" rows="3"></textarea> </div> </div> <div class="modal-footer"> <button class="btn btn-secondary" type="button" data-coreui-dismiss="modal">Close</button> <button class="btn btn-primary" id="pewview-voice" type="button">NGHE THỬ</button> <button class="btn btn-primary" id="save-voice">Save changes</button> </div> </div> </div> </div>