.a50-four {
position: relative;
}

.designed-content {
width: 100%;
text-align: center;
flex-shrink: 0;
}

.a50-one-img {
width: 100%;
height: 6.7rem;
}

.a50-one-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.designed-content h2 {
width: 10.60rem;
margin: 1rem auto 0.25rem;
line-height: 1.5;
letter-spacing: 0;
font-family: titleFontBold;
}

.designed-description {
width: 10.60rem;
margin: 0 auto;
line-height: 1.5;
color: #828084;
font-family: articleFontRegular;
}

.designed-highlight {
color: white;
line-height: 1.5;
font-family: articleFontRegular;
}

.designed-small {
line-height: 1.5;
color: #828084;
font-family: articleFontThin;
margin-top: 0.1rem;
}

.hear-button {
margin-top: 0.4rem;
padding: 0 0.4rem;
line-height: 0.58rem;
border-radius: 0.3rem;
border: solid 1px rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
display: inline-block;
letter-spacing: 1px;
color: #ffffff;
font-family: articleFontRegular;
}

.hear-button span {
opacity: 1;
color: #ffffff;
}

.a50-four .common-slide {
width: 100%;
height: 5.26rem;
display: flex;
justify-content: center;
flex-shrink: 0;
margin-bottom: 0.86rem;
}

.a50-four .common-slide .p1 {
width: 3.97rem;
height: 100%;
background-color: #f8f9fa;
border-radius: 0.15rem;
margin-right: 0.15rem;
padding: 0 0.4rem;
display: flex;
align-items: center;
}

.a50-four .common-slide .p1 span {
letter-spacing: 0px;
line-height: 1.5;
color: #21262a;
font-family: articleFontRegular;
}

.a50-four .common-slide .p1 span.highlight {
font-family: titleFontBold;
font-weight: normal;
display: inline;
}

.a50-four .common-slide .p2 {
width: 7.86rem;
height: 100%;
overflow: hidden;
border-radius: 0.15rem;
position: relative;
}

.a50-four .common-slide .p2 img {
width: 100%;
height: 100%;
object-fit: cover;
}

.a50-four .common-slide .p2 video {
width: 100%;
height: 100%;
object-fit: cover;
}

@media screen and (max-width: 768px) {
.designed-container {
position: static;
align-items: flex-start;
padding-top: 0.3rem;
flex-wrap: wrap;
}

.designed-content h2 {
width: 100%;
padding: 0 0.2rem;
}

.designed-description {
width: 100%;
padding: 0 0.4rem;
}

.designed-small {
padding: 0 0.4rem;
}

.section-one {
display: none;
}

.a50-four .common-slide {
flex-wrap: wrap;
height: auto;
margin-bottom: 0;
}

.a50-four .common-slide .p1 {
background-color: transparent;
width: 100%;
margin-right: 0;
margin-bottom: 0.4rem;
}

.a50-four .common-slide .p1 span {
color: #828084;
}

.a50-four .common-slide .p2 {
margin-bottom: 1rem;
}

.a50-four .common-slide .p1 span.highlight {
color: #fff;
}
}

Engineered for Power

The MeetingBar A50 elevates video conferencing with Qualcomm’s 8550 processor, delivering 50% more CPU performance and over 10 times the AI processing power. This innovation ensures seamless audio and video experiences in medium to large meeting rooms, enabling intelligent collaboration and crystal-clear communication.

*Data based on comparison with the previous generation chip.

Hear from Qualcomm

The on-device IntelliFocus feature displays real-time close-up shots of the recent speakers, enabling you to stay focused on what truly matters. Feel free to make your points just as you would in a face-to-face conversation.

The Video Fence feature marks the boundaries of a virtual meeting space. Your colleagues only see and hear what’s inside, keeping the focus solely on your point.

$(function() {
var screenWidth = $(window).outerWidth()
var screenHeight = $(window).outerHeight()
var hasPlayed = false
if (screenWidth >768) {
var scrollSum = screenWidth // 控制滑动速度
var itemNum = 2
var scrollLength = 0
var lastScrollTop = null;

$(‘.designed-container’).css(‘top’, screenHeight – $(‘.designed-container’).height())
$(‘.section-one’).css(‘height’, scrollSum + 300)

$(window).on(‘scroll’, function() {
if (isInViewport($(‘.section-one’))) {
if (lastScrollTop === null) {
var top = $(‘.section-one’).offset().top
var scrollVal = $(window).scrollTop()
if (scrollVal – top (scrollSum – 400) && !hasPlayed) {
document.getElementById(‘a50_video’).play()
hasPlayed = true
}
}
})
} else {
$(window).on(‘scroll’, function() {
if (isInViewport($(‘#a50_video’)) && !hasPlayed) {
document.getElementById(‘a50_video’).play()
hasPlayed = true
}
})
}
});

}
.audio-content .headset-audio-swiper-next {
right: 100px
}
.audio-content .headset-audio-swiper-prev {
left: 100px
}

.audio-content .headset-audio-swiper-prev:after,
.headset-audio-swiper-next:after {
font-size: 0.2rem;
}
.audio-content .headset-audio-swiper-prev,
.headset-audio-swiper-next {
width: 0.54rem;
height: 0.54rem;
background-color: #f6f6f6;
color: #555;
border-radius: 50% 50%;
text-align: center;
outline:none;
&:hover {
background: #078855;
color: #fff;
}
}

.audio-content .audio-progress {
width: 50%;
margin: 0 auto
}

.audio-content .audio-progress .contrast_box {
margin-top: 30px;
padding: 18px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 35px;
border: solid 1px rgba(0, 0, 0,0.5);
background-color: #242424;
}
.audio-content .audio-progress .contrast_box .btn_play_box {
width: 135px;
font-size: 16px;
font-weight: normal;
color: #7E7E7E;
line-height: 1.75;
display: flex;
align-items: center;
}
.audio-content .audio-progress .contrast_box .hint_text {
color: #fff
}
.audio-content .audio-progress .contrast_box .btn_play {
width: 36px;
height: 36px;
border-radius: 50%;
position: relative;
margin-right: 15px;
transition: all .5s ease;
cursor: pointer;
}
.audio-content .audio-progress .contrast_box .icon_box {

}
.audio-content .audio-progress .contrast_box .icon_box img {
display: block;
width: 100%;
display: block
}
.audio-content .audio-progress .contrast_box .icon_box .pause_img {
display: none
}
.audio-content .audio-progress .contrast_box .audio_progress_box {
position: relative;
flex: 1;
margin-left: 60px;
margin-right: 30px;
}
.audio-content .audio-progress .contrast_box .audio_progress_box .audio_progress{
height: 2px;
width: 100%;
background-color: #ffffff;
border-radius: 1px;
opacity: 0.12;
}
.audio-content .audio-progress .contrast_box .audio_progress_box .timeline{
position: absolute;
top: 0;
height: 2px;
width: 0%;
background-color: #ffffff;
border-radius: 1px;
}
.audio-content .audio-progress .contrast_box .audio_progress_box .timeline-dot {
position: absolute;
top: -3px;
right: 0;
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #ffffff;

}
.audio-content .audio-progress .contrast_box .btn_cut_box {
display: flex;
align-items: center;
color: #fff
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut {
width: 68px;
height: 34px;
border-radius: 17px;
transition: all .3s ease;
background: #00f3a6;
position: relative;
margin: 0 18px;
cursor: pointer;
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut span {
position: absolute;
top: 2.4px;
right: 2px;
width: 30px;
height: 30px;
background: #ecefef;
border-radius: 50%;
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut.on {
background-color: #ccc;
box-shadow: 0px 3px 4px 0px rgba(204, 204, 204, 0.39);
}

.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut.on span {
right: 32px;
}

@media screen and (max-width: 1936px) {
.audio-content .headset-audio-swiper .swiper-slide {
width: 949px
}
}

@media screen and (max-width: 1400px) {
.audio-content .headset-audio-swiper .swiper-slide {
width: 900px
}
.audio-content .audio-progress {
width: 75%
}

@media screen and (max-width: 1200px) {
.audio-content .headset-audio-swiper .swiper-slide {
width: 700px
}

@media screen and (max-width: 800px) {
.audio-content{
padding: 32px 0 15px
}
.audio-content .audio-progress .contrast_box .btn_play {
width: 18px;
height: 18px;
margin-right: 5px;
}
.audio-content .audio-progress .contrast_box {
position: relative;
display: block;
margin-top: 10px;
font-size: 13px;
padding: 3px
}
.audio-content .headset-audio-swiper .swiper-slide {
width: 75%;
}
.audio-content .audio-progress .contrast_box .btn_cut_box {
margin-top: 10px;
width: 100%;
display: flex;
justify-content: center;
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut {
width: 34px;
margin: 0 5px;
height: 17px;
border-radius: 8px;
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut span {
top: 1.1px;
right: -5px;
width: 15px;
height: 15px;
margin: 0 5px
}
.audio-content .audio-progress .contrast_box .btn_cut_box .btn_cut.on span {
right: 12px;
}
.audio-content .headset-audio-swiper-prev {
left:50px;
}
.audio-content .headset-audio-swiper-next {
right:50px;
}
.audio-content .audio-progress .contrast_box .btn_play_box {
margin-left: 35px
}
.audio-content .audio-progress .contrast_box .audio_progress_box {
position: absolute;
right: 0;
top: 15px;
width: 100px;
}
}
}

Play Demo

With S50

Without S50

$(function () {
var mySwiper = {},
oldIndex = -1
var swiperImages = [],
swiperImagesPc = [
‘https://www.yealink.com/website-service/download/方案4_06(1开老师提供视频).png’,

],
swiperImagesPhone = [
‘https://www.yealink.com/website-service/download/方案4_06(1开老师提供视频).png’,

] function initSwiper () {
if ($(window).width() >800) {
swiperImages = swiperImagesPc
} else {
swiperImages = swiperImagesPhone
}
$(‘.headset-audio-content .swiper-wrapper’).empty()
$(‘.headset-audio-content .swiper-wrapper’).append(`

“/>

`)

mySwiper = new Swiper(“.headset-audio-swiper”, {
allowTouchMove: false,
preventClicks : false,
centeredSlides: true,
spaceBetween: 30
})
let loadedImages = 0
const images = $(‘.headset-audio-content .swiper-wrapper img’)
images.each(function() {
if (this.complete) { // 如果图片已经加载完成
loadedImages++; // 增加已加载图片的数量
} else {
$(this).on(‘load’, function() { // 如果图片尚未加载完成，则在加载完成时执行此函数
loadedImages++; // 增加已加载图片的数量
if (loadedImages === images.length) { // 如果所有图片都已加载完成

// 执行你的代码逻辑，比如显示图片容器
mySwiper.activeIndex = 1
}
});
}

})

}
initSwiper()
window.addEventListener(‘resize’,()=> initSwiper(),false)
var r = $(‘.headset-audio-content’)
var headsetAudio = [
{
audDispose: ‘/website-service/download/a50-audio-OFF.MP3’,
audNoDispose: ‘/website-service/download/a50-audio-On.MP3’,
}
] function initAudio () {
r.find(‘.aud_dispose’).prop(‘src’, headsetAudio[0].audDispose)
r.find(‘.aud_dispose’)[0].load()
r.find(‘.aud_dispose_no’).prop(‘src’, headsetAudio[0].audNoDispose)
r.find(‘.aud_dispose_no’)[0].load()

// 切换是否降噪
r.find(“.btn_cut”).on(“click”, function () {
let markF = $(this).parents(“.headset-audio-content”);
if (!$(this).hasClass(“on”)) {
$(this).addClass(“on”);
markF.find(“.aud_dispose”).prop(“muted”, true);
markF.find(“.aud_dispose_no”).prop(“muted”, false);
} else {
$(this).removeClass(“on”);
markF.find(“.aud_dispose”).prop(“muted”, false);
markF.find(“.aud_dispose_no”).prop(“muted”, true);
}
});

//播放
r.find(“.btn_play”).on(“click”, function () {
let markF = $(this).parents(“.headset-audio-content”),
numX = 0;
if (!$(this).hasClass(“on”)) {
if (!markF.find(“.btn_cut”).hasClass(“on”)) {
numX = 1;
markF.find(“.aud_dispose”).prop(“muted”, false);
markF.find(“.aud_dispose_no”).prop(“muted”, true);
} else {
markF.find(“.aud_dispose”).prop(“muted”, true);
markF.find(“.aud_dispose_no”).prop(“muted”, false);
}
$(“.aud_dispose”).each(function () {
$(this)[0].pause();
});
$(“.aud_dispose_no”).each(function () {
$(this)[0].pause();
});
$(this).addClass(“on”);
markF.find(‘.pause_img’).css({ display: ‘block’ })
markF.find(‘.play_img’).css({ display: ‘none’ })
$(this).siblings(“.hint_text”).text(“Pause Demo”)
markF.find(“.aud_dispose”)[0].play();
markF.find(“.aud_dispose_no”)[0].play();
var audioTimer = setInterval(function () {
var currentTime = markF.find(“.aud_dispose”)[0].currentTime;
setTimeShow(currentTime);
}, 1000);
let audio = markF.find(“.aud_dispose”)[0];
// 设置播放时间
function setTimeShow(t) {
t = Math.floor(t);
console.log((t / Math.floor(audio.duration)).toFixed(4), Math.floor(audio.duration))
var duration = (t / Math.floor(audio.duration)).toFixed(4) * 100;
markF.find(“.timeline”).css({ width: duration >= 100 ? ‘100%’ : duration + “%” });

if (duration >= 100 ) {
clearInterval(audioTimer)
r.find(‘.pause_img’).css({ display: ‘none’ })
r.find(‘.play_img’).css({ display: ‘block’ })
r.find(“.hint_text”).text(“Play Demo”);
r.find(“.btn_play”).removeClass(“on”)
r.find(“.timeline”).css({ width: “0%” });
}
}
} else {
$(this).removeClass(“on”);
$(this).siblings(“.hint_text”).text(“Play Demo”);
markF.find(“.aud_dispose”)[0].pause();
markF.find(“.aud_dispose_no”)[0].pause();
markF.find(‘.pause_img’).css({ display: ‘none’ })
markF.find(‘.play_img’).css({ display: ‘block’ })
}
});
}
initAudio()
})