小编Nge*_*ian的帖子

在 React Native 中获取视频/音频的持续时间以实现进度条实现

我目前正在使用 expo 版本实现一个 React Native 流应用程序,但遇到了一些困难。请随意回答任何问题或仅回答一个问题以及您选择的任何其他问题。

1) 在声音播放时实现进度条。为此,我需要获取歌曲的持续时间,然后使用 Math.Floor 来计算进度条,但我目前无法获取当前播放曲目的持续时间。关于如何使用声音对象或视频组件来执行此操作的任何想法都将非常有用。

2)我需要能够从我的应用程序播放背景声音,并且根据一些研究,世博版本似乎不可能。这方面有什么黑客吗???

3)如何使用Audio组件判断当前播放的曲目是否已经结束?

4)我想要一种情况,当我的设备播放声音时,我可以停止设备中的任何其他声音。关于如何做到这一点有任何想法吗?

5) 对我使用 React Native 的流媒体应用程序有什么建议

process audio-streaming react-native react-native-sound expo

5
推荐指数
1
解决办法
6358
查看次数

React Native 中音频进度条的实现

我一直在尝试使用 Expo 在 React Native 中构建一个媒体播放器,以便能够在我的音乐项目中播放音频。

我已经成功地与首选设计一起破解了一个,但我仍然有很大的限制。我很想实现一个进度条,显示歌曲播放了多远。

这是我的播放器设计。其次,我如何用这个进度条代替 IOS ?

render() {
        return (
            <View >
                <View style={styles.container} >
                    <Image
                        style={styles.imageStyle}
                        source={{uri: this.state.coverName || this.MusicPlayer.getCurrentItemCover()}}
                    />  
                    <View >
                        <Text style = {styles.artistName}> {this.state.artistName || this.MusicPlayer.getCurrentItemArtistName()}</Text>   

                    </View>
                    <View style={{paddingRight:2, paddingLeft:2}}>
                        <Text style={styles.songStyle}> {this.state.title || this.MusicPlayer.getCurrentSongTitle()}</Text>
                    </View>
                     <ProgressBarAndroid style={{marginLeft:10, marginRight:10}} styleAttr="Horizontal" color="#2196F3" indeterminate={false} progress={0.5} />
                    <View style={{flexDirection:'row', padding:10, alignItems:'center', justifyContent:'center'}}>
                        <Text style={styles.iconStyle2} onPress={this.playPrev}>
                            <Feather name="rewind" size={20}  style={styles.text}  />
                        </Text>

                        {this.state.playing?
                            <Text style={styles.iconStyle2} onPress={this.startStopPlay}>
                                <Feather name="pause" size={24}  style={styles.text}  />
                            </Text>
                        :
                            <Text style={styles.iconStyle2} …
Run Code Online (Sandbox Code Playgroud)

javascript react-native expo

3
推荐指数
1
解决办法
9918
查看次数

在 Apache Ubuntu 16.04 中安装 xSendFile

我想使用 xSendFIle 在 PHP 中下载大文件。我尝试按照此处的教程https://tn123.org/mod_xsendfile/来安装它。

我通过 1) 克隆目录来做到这一点

git clone https://github.com/nmaier/mod_xsendfile.git

2)使用安装

 apxs -cia mod_xsendfile.c
Run Code Online (Sandbox Code Playgroud)

3)我将虚拟主机端口 80 编辑为如下所示

  • nano /etc/apache2/sites-available#000-default.conf

<VirtualHost *:80> ServerName example.com Redirect permanent / https://www.example.com/ RewriteEngine On RewriteCond https://example.com [NC] RewriteRule ^(.*)$ https://www.example.com/$1 [L,R=301] XSendFile on XSendFilePath /var/www/html/hostfolder/web/ </VirtualHost>

此时,我希望我的下载能够正常工作并下载 /var/www/html/hostfolder/web/music/file.zip 中的文件

额外信息:我正在使用由 Digital Ocean 托管的 Yii2 框架

对此的任何帮助将不胜感激

php linux apache yii2 digital-ocean

2
推荐指数
1
解决办法
4271
查看次数