ARQUIVOS DIFERENTE
Gostaria de saber se teria como abrir arquivos diferentes no mesmo form em visual basic : pdf, imagem, video, powerpoint, etc, eu gostaria de uma idéia de como fazer isso, algum componente que consiga abrir todos eles, não sei exato como explicar, mas ficarei grato com a ajuda.
O que você está falando seria uso de componentes/chamar aplicação correspondente conforme o tipo de arquivo dentro do seu formulário.
Pode ser através de um componente, activex, ocx, não sei ao certo, mas já vi alguns software onde vc seleciona tipos de arquivos diferentes, como video, imagem, pdf, etc e abrem normalmente no mesmo formulário. Desde já agradeço...
await SetVolumeGradually(0, 100);
/*
string filePath = audioPath;
if (System.IO.File.Exists(filePath))
{ // Chamar método para carregar o GIF em uma Task
pictureBox13.Visible = false;
// LoadGifAsync(pictureBox13, appDirectory + @"imagens\gif.gif");
Console.WriteLine("O arquivo existe!");
}
else
{
pictureBox13.Visible = false;
Console.WriteLine("O arquivo não foi encontrado.");
}
*/
string html = @"
<html>
<head>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #303030;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
position: relative;
}
.vinyl {
width: 450px;
height: 450px;
border-radius: 50%;
background: url('https://ideiaslogobordados.com.br/vinyl_PNG22.png') no-repeat center;
background-size: contain;
animation: spin 4s linear infinite;
}
.paused {
animation-play-state: paused; /* Pausa a animação */
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
audio {
display: none; /* Oculta o player de áudio */
}
.equalizer {
display: flex;
justify-content: flex-start; /* Centraliza as barras à esquerda */
align-items: flex-end;
width: 100%;
height: 100%;
position: absolute;
bottom: 100px; /* Posiciona abaixo do disco */
left: 0; /* Alinha as barras à esquerda */
padding-left: 20px; /* Ajusta o espaçamento à esquerda */
}
.bar {
width: 10px;
height: 100%;
margin: 0 2px;
animation: bounce 1s infinite ease-in-out;
}
.bar:nth-child(1) { animation-delay: 0s; }
.bar:nth-child(2) { animation-delay: 0.1s; }
.bar:nth-child(3) { animation-delay: 0.2s; }
.bar:nth-child(4) { animation-delay: 0.3s; }
.bar:nth-child(5) { animation-delay: 0.4s; }
.bar:nth-child(6) { animation-delay: 0.5s; }
.bar:nth-child(7) { animation-delay: 0.6s; }
.bar:nth-child(8) { animation-delay: 0.7s; }
.bar:nth-child(9) { animation-delay: 0.8s; }
.bar:nth-child(10) { animation-delay: 0.9s; }
.bar:nth-child(11) { animation-delay: 1s; }
.bar:nth-child(12) { animation-delay: 1.1s; }
.bar:nth-child(13) { animation-delay: 1.2s; }
.bar:nth-child(14) { animation-delay: 1.3s; }
.bar:nth-child(15) { animation-delay: 1.4s; }
.bar:nth-child(16) { animation-delay: 1.5s; }
.bar:nth-child(17) { animation-delay: 1.6s; }
.bar:nth-child(18) { animation-delay: 1.7s; }
.bar:nth-child(19) { animation-delay: 1.8s; }
.bar:nth-child(20) { animation-delay: 1.9s; }
.bar:nth-child(21) { animation-delay: 2s; }
.bar:nth-child(22) { animation-delay: 2.1s; }
.bar:nth-child(23) { animation-delay: 2.2s; }
.bar:nth-child(24) { animation-delay: 2.3s; }
.bar:nth-child(25) { animation-delay: 2.4s; }
.bar:nth-child(26) { animation-delay: 2.5s; }
.bar:nth-child(27) { animation-delay: 2.6s; }
.bar:nth-child(28) { animation-delay: 2.7s; }
.bar:nth-child(29) { animation-delay: 2.8s; }
.bar:nth-child(30) { animation-delay: 2.9s; }
.bar:nth-child(31) { animation-delay: 3s; }
.bar:nth-child(32) { animation-delay: 3.1s; }
.bar:nth-child(33) { animation-delay: 3.2s; }
.bar:nth-child(34) { animation-delay: 3.3s; }
.bar:nth-child(35) { animation-delay: 3.4s; }
.bar:nth-child(36) { animation-delay: 3.5s; }
.bar:nth-child(37) { animation-delay: 3.6s; }
.bar:nth-child(38) { animation-delay: 3.7s; }
.bar:nth-child(39) { animation-delay: 3.8s; }
.bar:nth-child(40) { animation-delay: 3.9s; }
.bar:nth-child(41) { animation-delay: 4s; }
.bar:nth-child(42) { animation-delay: 4.1s; }
.bar:nth-child(43) { animation-delay: 4.2s; }
.bar:nth-child(44) { animation-delay: 4.3s; }
.bar:nth-child(45) { animation-delay: 4.4s; }
.bar:nth-child(46) { animation-delay: 4.5s; }
.bar:nth-child(47) { animation-delay: 4.6s; }
.bar:nth-child(48) { animation-delay: 4.7s; }
.bar:nth-child(49) { animation-delay: 4.8s; }
.bar:nth-child(50) { animation-delay: 4.9s; }
.bar:nth-child(51) { animation-delay: 5s; }
.bar:nth-child(52) { animation-delay: 5.1s; }
.bar:nth-child(53) { animation-delay: 5.2s; }
.bar:nth-child(54) { animation-delay: 5.3s; }
.bar:nth-child(55) { animation-delay: 5.4s; }
.bar:nth-child(56) { animation-delay: 5.5s; }
.bar:nth-child(57) { animation-delay: 5.6s; }
.bar:nth-child(58) { animation-delay: 5.7s; }
.bar:nth-child(59) { animation-delay: 5.8s; }
.bar:nth-child(60) { animation-delay: 5.9s; }
.bar:nth-child(61) { animation-delay: 6s; }
.bar:nth-child(62) { animation-delay: 6.1s; }
.bar:nth-child(63) { animation-delay: 6.2s; }
.bar:nth-child(64) { animation-delay: 6.3s; }
.bar:nth-child(65) { animation-delay: 6.4s; }
.bar:nth-child(66) { animation-delay: 6.5s; }
.bar:nth-child(67) { animation-delay: 6.6s; }
.bar:nth-child(68) { animation-delay: 6.7s; }
.bar:nth-child(69) { animation-delay: 6.8s; }
.bar:nth-child(70) { animation-delay: 6.9s; }
.bar:nth-child(71) { animation-delay: 7s; }
.bar:nth-child(72) { animation-delay: 7.1s; }
.bar:nth-child(73) { animation-delay: 7.2s; }
@keyframes bounce {
0%, 100% { height: 10px; }
50% { height: 450px; }
}
.pause-button {
position: absolute;
left: 20px;
bottom: 20px;
padding: 10px 20px;
background-color: #ff6600;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.pause-button:hover {
background-color: #ff5500;
}
</style>
</head>
<body onload='increaseVolumeGradually()'>
<div class='equalizer'>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
</div>
<div class='vinyl'></div>
<audio id='audioPlayer' controls autoplay loop>
<source src='file:///" + audioPath.Replace("\\", "/") + @"' type='audio/mpeg'>
Seu navegador não suporta o elemento de áudio.
</audio>
<button class='pause-button' onclick='togglePause()'>Pausar / Reproduzir</button>
</body>
<script>
// Função para gerar cores aleatórias
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
// Função para aplicar a cor aleatória em cada barra
window.onload = function() {
var bars = document.querySelectorAll('.bar');
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
for (var i = 0; i < bars.length; i++) {
bars[i].style.backgroundColor = getRandomColor();
}
increaseVolumeGradually();
};
function togglePause() {
var audio = document.getElementById('audioPlayer');
/*
string filePath = audioPath;
if (System.IO.File.Exists(filePath))
{ // Chamar método para carregar o GIF em uma Task
pictureBox13.Visible = false;
// LoadGifAsync(pictureBox13, appDirectory + @"imagens\gif.gif");
Console.WriteLine("O arquivo existe!");
}
else
{
pictureBox13.Visible = false;
Console.WriteLine("O arquivo não foi encontrado.");
}
*/
string html = @"
<html>
<head>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #303030;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
position: relative;
}
.vinyl {
width: 450px;
height: 450px;
border-radius: 50%;
background: url('https://ideiaslogobordados.com.br/vinyl_PNG22.png') no-repeat center;
background-size: contain;
animation: spin 4s linear infinite;
}
.paused {
animation-play-state: paused; /* Pausa a animação */
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
audio {
display: none; /* Oculta o player de áudio */
}
.equalizer {
display: flex;
justify-content: flex-start; /* Centraliza as barras à esquerda */
align-items: flex-end;
width: 100%;
height: 100%;
position: absolute;
bottom: 100px; /* Posiciona abaixo do disco */
left: 0; /* Alinha as barras à esquerda */
padding-left: 20px; /* Ajusta o espaçamento à esquerda */
}
.bar {
width: 10px;
height: 100%;
margin: 0 2px;
animation: bounce 1s infinite ease-in-out;
}
.bar:nth-child(1) { animation-delay: 0s; }
.bar:nth-child(2) { animation-delay: 0.1s; }
.bar:nth-child(3) { animation-delay: 0.2s; }
.bar:nth-child(4) { animation-delay: 0.3s; }
.bar:nth-child(5) { animation-delay: 0.4s; }
.bar:nth-child(6) { animation-delay: 0.5s; }
.bar:nth-child(7) { animation-delay: 0.6s; }
.bar:nth-child(8) { animation-delay: 0.7s; }
.bar:nth-child(9) { animation-delay: 0.8s; }
.bar:nth-child(10) { animation-delay: 0.9s; }
.bar:nth-child(11) { animation-delay: 1s; }
.bar:nth-child(12) { animation-delay: 1.1s; }
.bar:nth-child(13) { animation-delay: 1.2s; }
.bar:nth-child(14) { animation-delay: 1.3s; }
.bar:nth-child(15) { animation-delay: 1.4s; }
.bar:nth-child(16) { animation-delay: 1.5s; }
.bar:nth-child(17) { animation-delay: 1.6s; }
.bar:nth-child(18) { animation-delay: 1.7s; }
.bar:nth-child(19) { animation-delay: 1.8s; }
.bar:nth-child(20) { animation-delay: 1.9s; }
.bar:nth-child(21) { animation-delay: 2s; }
.bar:nth-child(22) { animation-delay: 2.1s; }
.bar:nth-child(23) { animation-delay: 2.2s; }
.bar:nth-child(24) { animation-delay: 2.3s; }
.bar:nth-child(25) { animation-delay: 2.4s; }
.bar:nth-child(26) { animation-delay: 2.5s; }
.bar:nth-child(27) { animation-delay: 2.6s; }
.bar:nth-child(28) { animation-delay: 2.7s; }
.bar:nth-child(29) { animation-delay: 2.8s; }
.bar:nth-child(30) { animation-delay: 2.9s; }
.bar:nth-child(31) { animation-delay: 3s; }
.bar:nth-child(32) { animation-delay: 3.1s; }
.bar:nth-child(33) { animation-delay: 3.2s; }
.bar:nth-child(34) { animation-delay: 3.3s; }
.bar:nth-child(35) { animation-delay: 3.4s; }
.bar:nth-child(36) { animation-delay: 3.5s; }
.bar:nth-child(37) { animation-delay: 3.6s; }
.bar:nth-child(38) { animation-delay: 3.7s; }
.bar:nth-child(39) { animation-delay: 3.8s; }
.bar:nth-child(40) { animation-delay: 3.9s; }
.bar:nth-child(41) { animation-delay: 4s; }
.bar:nth-child(42) { animation-delay: 4.1s; }
.bar:nth-child(43) { animation-delay: 4.2s; }
.bar:nth-child(44) { animation-delay: 4.3s; }
.bar:nth-child(45) { animation-delay: 4.4s; }
.bar:nth-child(46) { animation-delay: 4.5s; }
.bar:nth-child(47) { animation-delay: 4.6s; }
.bar:nth-child(48) { animation-delay: 4.7s; }
.bar:nth-child(49) { animation-delay: 4.8s; }
.bar:nth-child(50) { animation-delay: 4.9s; }
.bar:nth-child(51) { animation-delay: 5s; }
.bar:nth-child(52) { animation-delay: 5.1s; }
.bar:nth-child(53) { animation-delay: 5.2s; }
.bar:nth-child(54) { animation-delay: 5.3s; }
.bar:nth-child(55) { animation-delay: 5.4s; }
.bar:nth-child(56) { animation-delay: 5.5s; }
.bar:nth-child(57) { animation-delay: 5.6s; }
.bar:nth-child(58) { animation-delay: 5.7s; }
.bar:nth-child(59) { animation-delay: 5.8s; }
.bar:nth-child(60) { animation-delay: 5.9s; }
.bar:nth-child(61) { animation-delay: 6s; }
.bar:nth-child(62) { animation-delay: 6.1s; }
.bar:nth-child(63) { animation-delay: 6.2s; }
.bar:nth-child(64) { animation-delay: 6.3s; }
.bar:nth-child(65) { animation-delay: 6.4s; }
.bar:nth-child(66) { animation-delay: 6.5s; }
.bar:nth-child(67) { animation-delay: 6.6s; }
.bar:nth-child(68) { animation-delay: 6.7s; }
.bar:nth-child(69) { animation-delay: 6.8s; }
.bar:nth-child(70) { animation-delay: 6.9s; }
.bar:nth-child(71) { animation-delay: 7s; }
.bar:nth-child(72) { animation-delay: 7.1s; }
.bar:nth-child(73) { animation-delay: 7.2s; }
@keyframes bounce {
0%, 100% { height: 10px; }
50% { height: 450px; }
}
.pause-button {
position: absolute;
left: 20px;
bottom: 20px;
padding: 10px 20px;
background-color: #ff6600;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.pause-button:hover {
background-color: #ff5500;
}
</style>
</head>
<body onload='increaseVolumeGradually()'>
<div class='equalizer'>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
</div>
<div class='vinyl'></div>
<audio id='audioPlayer' controls autoplay loop>
<source src='file:///" + audioPath.Replace("\\", "/") + @"' type='audio/mpeg'>
Seu navegador não suporta o elemento de áudio.
</audio>
<button class='pause-button' onclick='togglePause()'>Pausar / Reproduzir</button>
</body>
<script>
// Função para gerar cores aleatórias
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
// Função para aplicar a cor aleatória em cada barra
window.onload = function() {
var bars = document.querySelectorAll('.bar');
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
for (var i = 0; i < bars.length; i++) {
bars[i].style.backgroundColor = getRandomColor();
}
increaseVolumeGradually();
};
function togglePause() {
var audio = document.getElementById('audioPlayer');
imagem 2 youtube
mostra resultado da pesquisa de videos do youtube, tudo utilizando o webbrowsing
Descupe minha falta de conhecimento, mas não entendi nada...
Faça seu login para responder